@charset "utf-8";

* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body { 
	background: #ededed url(../images/all_bg.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; 
	line-height:18px; color:#c1c1c5;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
/*ul, ol { 
	list-style:none;
}*/
.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}

.col-1, .col-2, .col-3, .col-4, .sub_col-1, .sub_col-2, .sub_col-3, .sub_col-4 { 
	float:left;
}
.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}

.list li {
	background:url(../images/mark.gif) no-repeat 0% 7px;
	padding:0 0 0 22px;
	line-height:21px;
}


/*==== GLOBAL =====*/
#main {
	margin:0 auto;
	margin-top:-17px;
}

#header {
	width:951px;
	margin:0 auto;
	position:relative;
}
#footer {
	padding-top:12px;
	background:url(../images/footer_bg.gif) repeat-x 0% 0%;
	height:151px;
}
.foot {
	width:950px;
	margin:0 auto;
	color:#7F7F7F;
	position:relative
}
.copy {
	position:absolute;
	margin:28px 0 0 0;
	width:155px;
	text-align:justify;
	color:#333333;
}
.copy a {
	color:#333333;
	text-decoration:none
}
.copy a:hover {
	text-decoration:underline	
}
.copy span {
	margin:0 10px
}
.icons {
	position:absolute;
	right:24px;
	width:184px;
	top:31px;
}
.icons a {
	margin-right:2px;	
}
.contact {
	position:absolute;
	top:31px;
	left:241px ;
	width:400px;
	color:#575861;
}
.contact a {
	color:#575861	
}
.head_block {
	position:absolute;
	margin:179px 0 0 0;
	width:100%;
	top:0;
	left:0;
}




/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 13px 0 0; 
	float:left;
}
p {
	margin-bottom:16px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin:0 36px 0 0 !important;
}
.p3 { 
	margin-bottom:24px;
}
.p4 { 
	margin-bottom:13px;
}
.margin20 {
	margin-bottom:20px;	
}
.margin40 {
	margin-bottom:40px;	
}
.margin15 {
	margin-bottom:15px;	
}
.no_marg {
	margin:0 !important	
}
/*----- txt, links, lines, titles -----*/
a {
	color:#00A8FE; 
	outline:none;
}
a:hover{
	text-decoration:none;
}
.white {
	color:#fff;	
} 
.white2 {
	color:#c1c1c5;	
}
.black {
	color:#1f202a	
}
.style1 {
	color:#575861	
}
.style2 {
	width:206px;
	margin-right:35px
}
.style3 {
	width:206px;
}
.upercase {
	text-transform:uppercase;
	font-size:12px;
}
.upercase2 {
	text-transform:uppercase;
}
.non_underline {
	text-decoration:none;	
}
.non_underline:hover {
	text-decoration:underline
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:1.2em;
	margin-bottom:15px;
	color:#BEDD0F;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:1.2em;
	margin-bottom:15px;
	color:#000
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.2em;
	margin-bottom:15px;
	color:#BEDD0F; /*azul #00A8FE rosa #E1008F verder #BEDD0F naranja #FFB700 */ 
	font-size:1.3em;
	font-weight:lighter;
	}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.2em;
	font-weight:normal;
}

.title { 
	margin-bottom:20px;
}


/*==================boxes====================*/
.more {
	display:block;
	margin:8px 8px 0 0;
	float:right;
	font-weight:bold;
	text-decoration:none
}
.more:hover {
	text-decoration:underline
}
	.address dd { 
		clear:both;
		text-align:right;
		width:200px;
	}
		.address dd span { 
			float:left;
			padding-right:0;
		}
		.address dd strong { 
			padding-right:25px;
			font-weight:normal
		}

/*===== header =====*/
.logo {
	position:absolute;
	margin:75px 0 0 15px
}
.menu {
	position:absolute;
	margin:21px 0 0 319px;
}
.menu ul li {
	float:left;	
}
.menu ul li a {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	background:url(../images/menu_bg.gif) no-repeat 0% 0%;
	width:127px;
	height:88px;
	margin-left:-1px;
	font-size:18px;
	text-align:center;
	color:#191a22;
	padding:70px 0 0 0 ;
	text-decoration:none
}
.menu ul li a:hover, .menu ul li a.active  {
	background:#242531;
	color:#fff
}
.head_block img {
	position:absolute;
	right:0
}
.link1 {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	border:1px solid #c2c2c2;
	border-top:none;
	width:280px;
	padding:24px 0 0px 39px;
	font-size:20px;
	text-transform:uppercase;
	line-height:1.2em;
	color:#242531;
	height:52px;
	border-right:none;
	background:url(../images/link_bg.gif) no-repeat 100% 0%;
	text-decoration:none
}
.purpur:hover {
	background:#e1008f url(../images/arrow_left.gif) no-repeat 100% 50%;
	color:#fff;
	border-right:none
}
.blue:hover {
	background:#00a8fe url(../images/arrow_left.gif) no-repeat 100% 50%;
	color:#fff;
	border-right:none
}
.green:hover {
	background:#bedd0f url(../images/arrow_left.gif) no-repeat 100% 50%;
	color:#fff;
	border-right:none
}
.orange:hover {
	background:#ffb700 url(../images/arrow_left.gif) no-repeat 100% 50%;
	color:#fff;
	border-right:none
}
/*===== content =====*/
.row1 {
	background:#242531;
	border-top:1px solid #000008;
}
.container {
	padding:30px 0;
	width:950px;
	margin:0 auto;
}
.block {
	float:left;
	width:227px;
	margin-right:14px;
}
/*===== footer =====*/

/*----- forms -----*/
.inp_form {
	float:left;
}
.inp_form div.fleft_side {
	float:left;
	display:inline
}
.inp_form input {
/*	display:block;*/
	width:300px;
	padding:2px 5px 3px;
	color:#878686;
	border:1px solid #b4b4b4;
}

.inp_form select {
/*	display:block;*/
	width:312px;
	padding:0px 0px 3px 3px;
	color:#878686;
	border:1px solid #b4b4b4;
}
.inp_form .height_inp {
	margin-right:0;
	height:26px
}
.inp_form textarea {
	width:300px;
	height:70px;
	color:#878686;
	padding:5px;
	border:1px solid #b4b4b4;
	float:left;
	overflow:auto;
}
.form_link {
	padding-top:10px	
}
.form_link a {
	margin-left:15px	
}
/*==========================================*/
.all_works {
	float:right;
	font-size:16px;
	color:#fff;
	background:url(../images/arrow_small.gif) no-repeat 0% 18px;
	padding:10px 0 0 12px
}
.all_works a {
	font-size:16px;
	color:#fff;
}

/*==========================================*/
ul.gallDefault li{
	margin: 10px 10px 10px 0px;
	list-style-type:none;
	float:left;
	width:227px;
	height:282px;
	line-height:1.2em;
}
ul.gallDefault li a{ margin-top:0px; float:left;}
ul.gallDefault li img{ margin-bottom:10px; border:1px solid #000000;}

/***********************************************/
ul.servicios{margin-top:50px;}
ul.servicios li{ float:left; margin-right:40px;}
ul.servicios li a{color:#FFFFFF;}
ul.servicios li a:hover{color:#00A8FE;}

ul.servicios_menu{ margin-top:-10px; list-style:none;}
ul.servicios_menu li{
	background:url(../images/arrow_small.gif) no-repeat 0% 18px;
	padding:10px 0 0 12px
}

ul.servicios_menu li a{
font-size:14px;
/*color:#00A8FE;*/
color:#ffffff;
}

ul.paginacion{list-style:none;}
ul.paginacion li{ float:left; margin-right:20px;}

ul.listado1{ margin-left:30px;}
ul.listado1 li{ padding-bottom:10px; font-weight:bold;}

ul.mapaSitio{ list-style:none; font-size:0.87em;}
ul.mapaSitio li{ margin-right:10px; width:700px; float:left;}
ul.mapaSitio li a.tituloSec{color:#7F7F7F; text-decoration:none; font-size:1em; text-transform:uppercase;}
ul.mapaSitio li a.tituloSec:hover{color:#4E4E4E; text-decoration:underline;}
ul.mapaSitio li a.subSeccion{color:#A2A2A2;}
ul.mapaSitio li a.subSeccion:hover{color:#4E4E4E;}

ul.portafolio_menu{ margin-top:-10px; list-style:none;}
ul.portafolio_menu li{
	float:left;
	background:url(../images/arrow_small.gif) no-repeat 0% 18px;
	padding:10px 0 0 12px;
	margin:0px 10px;
}

ul.portafolio_menu li a{
font-size:14px;
color:#fff;
}


ul.paquetes1{list-style:none;}
ul.paquetes1 li{list-style:none; float:left; margin:0px 10px;}

ul.paquetes2{list-style:none; margin-left:37px;}
ul.paquetes2 li{list-style:none; float:left; margin:30px 35px;}

ul.hostinglist{ margin-left:20px;}
ul.hostinglist li{list-style-image:url(../images/arrow_small.gif);}
	
a.botones {
	color:#E1008F;/*azul #00A8FE rosa #E1008F verder #BEDD0F naranja #FFB700 */ 
	outline:none;
}
a.botones:hover{
	text-decoration:none;
}

.rosa{ color:#E1008F;}
.naranja{color:#FFB700;}
ul.recomendacion{list-style:none; margin-left:37px;}
ul.recomendacion li{list-style:none; float:left; width:100%; margin-bottom:20px;}



.information{color:#7d7d7d; background:url(../images/stripe4.gif) left top;padding:10px; border:1px solid #454545; margin:0 15px; height:760px;} /*border:1px solid #454545;*/

.negritas{ font-weight:bold;}

/*---- image slider ------*/

#loopedSlider {
	width:600px; 
	height:330px;
	position:relative;
	top:0px;
}
#loopedSlider .container { 
    width:629px; 
	height:245px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:20;

}
#loopedSlider .slides { 
	position:absolute; 
	top:0px; 


}
#loopedSlider .slides div { 
	position:absolute; 
	top:0; 
	left:0; 
	width:720px; 
	height:310px;;
	left:-100px;	
}
#loopedSlider .slides div span {
	position:absolute;
	left:19px;
	bottom:0px;
	font-size:24px;
	color:#444444;
	z-index:2;
	left:-100px;
}
#loopedSlider ul.pagination { 
	list-style:none;
	position:absolute; 
	right:12px; 
	bottom:25px;

}
#loopedSlider ul.pagination li { 
	float:left;
	margin-left:3px;
}
#loopedSlider ul.pagination li a { 
	width:18px; 
	height:18px; 
	background:url(../images/button3.gif) no-repeat left top; 
	display:block;
}
#loopedSlider ul.pagination li a:hover,
#loopedSlider ul.pagination li.active a { 
	background:url(../images/button3-act.gif) no-repeat left top;
}

ul.tecnologias{margin-bottom:20px; list-style:none;}

ul.tecnologias li.titulo
{
	font-weight:bold;
	color:#00A8FE;
	margin-bottom:10px;
	margin-left:-20px;
}

ul.tecnologias li
{
	list-style:none;
	padding:0px 0 0px 20px;
}