@charset "utf-8";
/* Arzion  CSS Document */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#666;
	font-size: 11px;
}

h1
{
	color:#ccc;
	font-size:11px;
	padding-top:3px;
	margin-top:0px;
	text-align:center;
	font-weight:normal;
}

h2
{
	color:#0f435d;
	font-size:24px;
	margin-top:0px;
	margin-bottom:0px;
	
}

h3
{
	color:#0f435d;
	font-size:13px;
	margin-top:0px;
	font-weight:bold;
}

h4
{
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	width:600px;
	height:13px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	background-color:#3a887d;	
	
}

h4.desactiva
{
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	width:600px;
	height:13px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	background-color:#50b4a8;	
	margin-bottom:7px;
	margin-top:7px;
	
}

h5
{
	color:#0f435d;
	font-size:16px;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
	
}

h6
{
	margin-top:25px;
	margin-bottom:5px;
	color:#0F435D !important;
	font-size:14px !important;
	font-weight: bolder;
}

h6 a
{
	color:#0F435D !important;
}

a:link,a:visited,a:hover
{
	color:#666;
	text-decoration:none;
	
}

a:hover
{
	text-decoration:underline;

}

body
{
	background: #0e4059 url(../img/body_back.gif) repeat-x;
	margin: 0;
	height: 100%;
	
}

#level0
{
	float: none;
	margin: auto;
	position: relative;
	width: 906px;
	
}

#find
{
	position: relative;
	width: 906px;
	height: 66px;
	background: #cbcbcb url(../img/find_back.gif) repeat-x;
	font-size: 11px;
}



#find #date
{
	position: absolute;
	bottom:14px;
	left:0px;
	width: 136px;
	color:#666;
	padding-left:22px;
	
}

#find #extra
{
	position: absolute;
	bottom:10px;
	right:20px;
	width: 400px;
	height:22px;
	overflow:visible;
	color:#666;		
	float:right;
	text-align: right;
}


#find #extra form
{
	width:280px; 
	float:left;
	padding-top: 2px;
}



#find #extra a img
{
	
	border:none;
		
}

#menu
{
	position: relative;
	width: 900px;
	height: 47px;
	background-color:#2a2a2a;
	padding-left:4px;
	padding-right:2px;
	overflow:hidden;
	
}

#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
	
}

#menu ul li
{
	
	float:left;
	margin:0;
	padding:0;
	width:146px;
	height:38px;
	background-color:#383838;
	margin-top:4px;
	margin-right:4px;
	text-align:center;
	
}




#menu a:link,#menu a:visited,#menu a:hover
{
	
	
	color:#FFFFFF;
	font-size:14px;	
	text-decoration:none;	
	margin-left:0px;
	width:146px;
	height:28px;
	display:block;
	padding-top:10px;
	
}

#menu a:hover
{
	background-color:#263b54;
}


#menu .active:link,#menu .active:visited,#menu .active:hover
{
	
	
	color:#FFFFFF;
	font-size:14px;	
	text-decoration:none;	
	margin-left:0px;
	width:146px;
	height:28px;
	display:block;
	padding-top:10px;
	background-color:#263b54;
	
}

#banner
{
	position: relative;
	width: 906px;
	height: 193px;	
}

#banner img
{
	padding-left:32px;	
}

#banner p.texto
{
	position:absolute;
	width:308px;
	height:42px;
	left: 310px;
	top: 109px;
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	padding:0px;
	margin:0px;
	color: #000;
}

#banner p.socio
{
	position:absolute;
	width:300px;
	height:22px;
	left: 320px;
	top: 154px;
	color:#FFFFFF;
	font-size:12px;
	padding:0px;
	margin:0px;
	font-family:tahoma;
	text-align:right;
	font-weight:bolder;
}

.banner1
{
	background-image: url("/img/fondo1.jpg"); 
	
}
.banner2
{
	background-image: url("/img/fondo2.jpg");
	
}
.banner3
{
	background-image: url("/img/fondo3.jpg");
	
}
.banner4
{
	background-image: url("/img/fondo4.jpg");
	
}

#projects
{
	position: relative;
	width: 906px;
	height: 172px;
	background-color:#dcd5c2;
	float:left;
}

#projects #last
{
	border-right:1px solid #B6A881;
	float:left;
	height:162px;
	padding-left:17px;
	padding-right:16px;
	padding-top:10px;
	width:240px;
	font-size: 11px;
}

#projects #last p
{
	color:#666666;
	font-size:12px;
}

#projects #last p b
{
	color:#666666;	
	font-size:12px;
}



#projects #gallery
{
	width:630px;
	height:172px;
	border-left:1px solid #FFF;
	float:left;
}

#content
{
	float:left;
	position: relative;
	width: 906px;
	background-color:#FFFFFF;
	padding-top:35px;

}

#content #left
{
	width:256px;
	padding-left:17px;
	float:left;	
}

#content #left .noticia:link,#content #left .noticia:visited,#content #left .noticia:hover
{
	font-size:12px;
	color:#0f435d;	
	margin-left:150px;
}

#content #left .noticia:hover
{
	text-decoration:none;
	
}



#content #left ul
{
	list-style:none;
	margin:0;
	padding:0;
	color:#0f435d;
	font-size:12px;
}

#content #left ul li
{
	
	margin:0;
	padding:0;
	color:#0f435d;
	font-size:12px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #ddd;
	width:235px;
}

#content #left ul li.ultimo
{
	
	
	border-bottom:none;
}



#content #left ul li a:link,#content #left ul li a:visited,#content #left ul li a:hover
{
	color:#0f435d;
	font-size:12px;
	text-decoration:none;
	padding-bottom:4px;
	display:block;
	margin-left:0px;
}

#content #left ul li a:hover
{
	
	text-decoration:underline;
}

#content #left ul li span
{
	
	color:#666666;
	font-size:12px;
}

#content #left #claves
{
	
	background-color:#f5f5f5;
	width:214px;
	height:132px;
	padding:8px;
	
}


#content #right
{
	width:620px;
	float:left;
	font-size:12px;

	overflow: hidden;
}

#content #right p
{
	font-size:12px;
	color:#666;
	padding-right:30px;	
	margin-top:10px;
	line-height:18px;	
}

#content #right div.blockquote
{
	background:#E2DCCC;
	padding:15px;
}

#content #right p a:hover
{
	border:0 none;
	text-decoration:none;
}

#content #right p a
{
background:#FFFFDD none repeat scroll 0 0;
border-bottom:1px solid #DDDDDD;
color:#000000;
}

#content #right p b
{
	font-size:12px;
	color:#666;
	padding-right:30px;	
	margin-top:10px;
	line-height:18px;
	font-weight:bold;
	
	
}

#content #right .imagen
{
	float:right;
	margin-left:11px;
	margin-right:18px;	
	margin-bottom: 10px;
	width:264px;
	height:208px;
}

#content #right .imagen a:link,#content #right .imagen a:visited,#content #right .imagen a:hover
{
	color:#0f425f;
	float:right;
	font-size:12px;
	font-weight:bold;
	
}
#content #right .imagen a:hover
{
	text-decoration:none;
	
}

#content #right .imagen img
{
	
	border:1px solid #969696;

	
}
#content #right ul
{
	list-style:square;
	margin:0;
	padding-left:30px;
}

#content #right ul li
{
	color:#0f435d;
	font-size:12px;
}

#content #right #servicios
{
	width:600px;
	height:220px;	
	background:url(../img/servicios_bottom.gif) #e2dccc  no-repeat 0% 100%; 
}

#content #right #servicios .menu
{
	width:600px;
	height:30px;
	border-bottom:1px solid #bdb6a4;
	margin-bottom:26px;
	
}

#content #right #servicios .menu ul
{
	margin:0px;
	padding:0px;
	list-style-image:none;
	list-style-type:none;
		
}

#content #right #servicios .menu ul li
{
	float:left;
	height:30px;
	
	text-align:center;
}




#content #right #servicios .menu ul li .naranja:link,#content #right #servicios .menu ul li .naranja:visited,#content #right #servicios .menu ul li .naranja:hover
{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:127px;
	border-right:1px solid #bdb6a4;
	color:#ff5a1e;	
	display:block;
	height:22px;
	height:22px;
	padding-top:8px;
	
}

#content #right #servicios .menu ul li .naranjaActiva:link,#content #right #servicios .menu ul li .naranjaActiva:visited,#content #right #servicios .menu ul li .naranjaActiva:hover
{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:127px;
	border-right:1px solid #bdb6a4;
	color:#FFFFFF;	
	background-color:#ff5a1e;	
	display:block;
	height:22px;
	height:22px;
	padding-top:8px;
	
}

#content #right #servicios .menu ul li .naranja:hover
{
	color:#FFFFFF;	
	background-color:#ff5a1e;
}

#content #right #servicios .menu ul li .verde:link,#content #right #servicios .menu ul li .verde:visited,#content #right #servicios .menu ul li .verde:hover
{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:154px;
	border-right:1px solid #bdb6a4;
	color:#70a435;	
	display:block;
	height:22px;
	padding-top:8px;
	
	
}

#content #right #servicios .menu ul li .verdeActiva:link,#content #right #servicios .menu ul li .verdeActiva:visited,#content #right #servicios .menu ul li .verdeActiva:hover
{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:154px;
	border-right:1px solid #bdb6a4;
	color:#FFFFFF;	
	background-color:#70a435;	
	display:block;
	height:22px;
	padding-top:8px;
	
	
}



#content #right #servicios .menu ul li .verde:hover
{
	color:#FFFFFF;	
	background-color:#70a435;
}

#content #right #servicios .menu ul li .turquesa:link,#content #right #servicios .menu ul li .turquesa:visited,#content #right #servicios .menu ul li .turquesa:hover
{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:150px;
	border-right:1px solid #bdb6a4;
	color:#50b4a8;	
	display:block;
	height:22px;
	padding-top:8px;
	
	
}

#content #right #servicios .menu ul li .turquesaActiva:link,#content #right #servicios .menu ul li .turquesaActiva:visited,#content #right #servicios .menu ul li .turquesaActiva:hover
{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:150px;
	border-right:1px solid #bdb6a4;
	color:#FFFFFF;	
	background-color:#50b4a8;	
	display:block;
	height:22px;
	padding-top:8px;
	
	
}

#content #right #servicios .menu ul li .turquesa:hover
{
	color:#FFFFFF;	
	background-color:#50b4a8;
}

#content #right #servicios .menu ul li .azul:link,#content #right #servicios .menu ul li .azul:visited,#content #right #servicios .menu ul li .azul:hover
{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:165px;	
	color:#0e4059;	
	display:block;
	height:22px;
	padding-top:8px;
	
	
}

#content #right #servicios .menu ul li .azulActiva:link,#content #right #servicios .menu ul li .azulActiva:visited,#content #right #servicios .menu ul li .azulActiva:hover
{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:165px;	
	color:#FFFFFF;	
	background-color:#0e4059;	
	display:block;
	height:22px;
	padding-top:8px;
	
	
}

#content #right #servicios .menu ul li .azul:hover
{
	color:#FFFFFF;	
	background-color:#0e4059;
}


#content #right #servicios .description
{
	background:url(../img/diseno_web.gif)  no-repeat 3% 4%; 
	position:relative;
	float:left; 
	width:580px;
	height:151px;
}

#content #right #servicios .description p
{
	margin-top:0px;
	width:520px;
	padding-left:70px;
}


#content #right #servicios .mas:link,#content #right #servicios .mas:visited,#content #right #servicios .mas:hover
{
	color:#FF5A1E;
	background:#E2DCCC;
	text-decoration:underline;
	position:absolute;
	float:left; 
	bottom:0;
	right:10px;
}

#content #right #servicios .mas:hover
{
	text-decoration:none;
}

#content #right .comentario
{
	width:600px;
	padding-top:10px;
	color:#676767;	
	
}

#content #right .comentario .nombre
{
	
	color:#666;	
	font-weight:bold;
}

#content #right .comentario p
{
	margin-top:3px;
	padding-top:0px;
}

#content #right .comentario .nombre  a:link,#content #right .comentario .nombre a:visited,#content #right .nombre .comentario a:hover
{
	color:#666;	
	font-weight:bold;
	text-decoration:none;
	margin-left:0px;
	font-size:12px;
	padding-bottom:0;
	margin-bottom:0px;
}

#content #right .comentario a:link,#content #right .comentario a:visited,#content #right .comentario a:hover
{
	color:#10425b;
	margin:0px;
	margin-left:0px;	
	
}
#content #right .comentario a:hover
{
	text-decoration:none;	
}
#content #right .paginador
{
	width:620px;
	color:#10425b;
	/*padding-top:30px;	
	float:left;*/
	text-align:center;
	clear: both;
}
#content #right .paginador table
{
	display: inline;
}
#content #right .paginador span
{
	font-weight:bold;	
	font-size:12px;
	color: #fff;
	background:#10425b;
	padding: 3px 6px;
}

#content #right .paginador a:link,#content #right .paginador a:visited,#content #right .paginador a:hover
{
	text-decoration:none;
	color:#10425b;	
	background: #eaeaea;
	padding: 3px 6px;
}
#content #right .paginador a:hover
{
	text-decoration:none;
	color: #fff;
	background:#10425b;
	padding: 3px 6px;
}

#content #right form
{
	
	float:left;	
	margin-top:20px;
	padding-bottom:5px;
	width:600px;
		
}

#content #right form table tr td
{
	
	color:#10425b;
		
}

#content #right form table tr td span
{
	
	font-size:14px;
	font-weight:bold;
	color:#10425b;
		
}

#content #right #socios
{
	width:560px;
	height:177px;
	float:left;
	padding-left:57px;
	padding-top:31px;
}

#content #right #socios .socio
{
	width:126px;
	height:177px;
	float:left;
	margin-left:33px;
	text-align:center;
	
}

#content #right #socios .socio p
{
	
	padding-right:0px;
}

#content #right #socios .socio p b
{
	font-size:12px;
	font-weight:bold;
	padding-right:0px;
	
}


#content #right .empleados
{
	width:560px;
	height:182px;
	float:left;
	padding-left:57px;
	padding-top:31px;
}

#content #right .empleados .empleado
{
	width:121px;
	height:50px;
	float:left;
	padding-left:40px;
	text-align:center;
	padding-bottom:30px;
	
}

#content #right .empleados .empleado p
{
	
	padding-right:0px;
}

#content #right .empleados .empleado p b
{
	font-size:12px;
	font-weight:bold;
	padding-right:0px;
	
}

.gracias
{
	background: #f99d3b;
	padding: 10px; 
	margin-top: 10px; 
	color: #fff; 
	font-weight: bolder;
	margin-right: 30px;
}

.gracias b
{
	font-size: 130%;
}


#bottom
{
	position: relative;
	width: 906px;
	height:40px;
	background:url(../img/bottom_back.png) no-repeat;
	padding-top:22px;
	color:#FFFFFF;	
	text-align:center;
	clear:both;
	
}
#bottom a:link,#bottom a:visited,#bottom a:hover
{
	text-decoration:underline;
	color:#FFFFFF;	
}
#bottom a:hover
{
	text-decoration:none;	
}


.gris
{
	color:#666;
	width:171px;
}

.Arial8:link,.Arial8:visited,.Arial8:hover
{
	font-size:8px;
	text-decoration:none;
	color:#666;
	padding-left:5px;
	font-weight:bold;
}
.Arial8:hover
{
	text-decoration:underline;
}

.Arial14:link,.Arial14:visited,.Arial14:hover
{
	font-size:14px;
	text-decoration:none;
	color:#666;
	padding-left:5px;
	font-weight:bold;
}
.Arial14:hover
{
	text-decoration:underline;
}

.Arial10:link,.Arial10:visited,.Arial10:hover
{
	font-size:10px;
	text-decoration:none;
	color:#666;
	padding-left:5px;
}
.Arial10:hover
{
	text-decoration:underline;
}

.Arial11:link,.Arial11:visited,.Arial11:hover
{
	font-size:11px;
	text-decoration:none;
	color:#666;
	padding-left:5px;
	font-weight:bold;
}
.Arial11:hover
{
	text-decoration:underline;
}

.Arial12:link,.Arial12:visited,.Arial12:hover
{
	font-size:12px;
	text-decoration:none;
	color:#666;
	padding-left:5px;
}
.Arial12:hover
{
	text-decoration:underline;
}

#formulario
{

	float:left;
	width:236px;
	margin-top:20px;
	padding-bottom:5px;
}

#formulario h2 
{
	margin-bottom:15px!IMPORTANT;
}

#formulario p 
{
	color:#0f435d;
	font-size:12px;	
}

input,select,textarea
{
	font-size: 11px;
	border:1px solid #e1e1e1;
	background-color:#eaeaea;
	color:#777;
	margin-left:9px;
	margin-bottom:8px;
	padding-left:3px;
	font-family: Arial, Verdana;
}

.inputAzul
{
	width:212px;
	height:18px;
	margin-left:9px;
	margin-bottom:8px;
	padding-left:3px;
}

.selectAzul
{
	width:215px;
	height:18px;
}

.areaAzul
{
	width:212px;
	height:76px;
}

.validation-advice{
  color:#FF0000;
  font-weight:bolder;
  padding-left:10px;
}

.nombreBlog{
	font-size: 18px;
	color: #0f435d;
	cursor: pointer;
}

#clientes
{
 float:left; 
 width:630px;
}

#clientes .row
{
 padding-bottom:14px; 
 float:left;
}

#clientes .row a:link,#clientes .row a:visited,#clientes .row a:hover
{
 margin-left:14px; 
 display:block; 
 float:left;
}

#clientes .row a:hover img
{
 border:3px solid #1A76A7;
}

#clientes .row a img
{
 border:3px solid #FFF;
}

#trabajos
{
 float:left; 
 width:630px;
 padding-top:10px;
}

#trabajos .row
{
 padding-bottom:20px; 
 padding-left:20px; 
 float:left;
}


#trabajos .row a:link,#trabajos .row a:visited,#trabajos .row a:hover
{
 /*margin-left:20px; */
 display:block; 
 float:left;
}

#trabajos .row a:hover img
{
 border:3px solid #1A76A7;
}

#trabajos .row a img
{
 border:3px solid #FFF;
}


#nube
{
 position: relative;
 width: 896px;
 height: 44px;
 background-color:#dcd5c2; 
 line-height:11px;
 overflow:hidden;
 padding:5px;
 
}

#nube .tag8:link,#nube .tag8:visited,#nube .tag8:hover
{
 font-size:8px;
 padding-left:5px;
}


#nube .tag10:link,#nube .tag10:visited,#nube .tag10:hover
{
 font-size:10px;
 padding-left:5px;
}


#nube .tag12:link,#nube .tag12:visited,#nube .tag12:hover
{
 font-size:12px;
 padding-left:5px;
}


#nube .tag14:link,#nube .tag14:visited,#nube .tag14:hover
{
 font-size:14px;
 padding-left:5px;
}


#nube .tag16:link,#nube .tag16:visited,#nube .tag16:hover
{
 font-size:16px;
 padding-left:5px;
}


#nube .tag18:link,#nube .tag18:visited,#nube .tag18:hover
{
 font-size:18px;
 padding-left:5px;
}

#nube a:hover
{
 color:#FB9B39;
 text-decoration:none;
}
img
{
	border:0px;
}
.sociable-hovers:hover 
{
	opacity:1;
	
	
}
.sociable-hovers
 {
	opacity:0.4;
	
}

.nombrePost {
	color:#0F435D;
	font-size:24px;
}

.servicio1
{background-color:#ff5a1e;}
.servicio2
{background-color:#50b4a8;}
.servicio3
{background-color:#70a435;}
.servicio4
{background-color:#0e4059;}
.imgPost
{border:1px solid #333; padding:3px;margin-right:3px;}