body {
 background-color: #000;
 margin:20px;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
 width:950px;
 border: #FFF 3px solid;
 margin-left:auto;
 margin-right:auto;
 -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);
 }

/* Parrafos comunes y efectos en el parrafo*/
p { width: 800px; font-size:13px; color:#FFF; font-family:Verdana; margin-left:70px; text-align:justify; } 
li{ color:#FFF; font-size:13px; margin-left:55px; width:500px; margin-left:30px; list-style:outside;}
.destaca { color:#26ed33; font-size:18px; margin-left:5px;}
img{ border:none; text-align:center;}
h1 {width:800px; font-size:20px; color:#000; margin-left:70px; text-align:center;font-family:Verdana; font-weight:normal;}
h2 {color:#c3c715; margin-left:35px;}
h3 {color:#c3c715; font-weight:bold; font-size:15px; }
h4 {color: #000; font-weight: normal; text-decoration: none; font-style:italic; font-size:18px; margin-bottom:6px;margin-top:0; padding:0; }
h5 {color:#c3c715; font-weight:bold; font-size:20px; margin-left:70px;  margin-bottom:15px;}






/* para la tabla de la home*/
.home {width: 740px; font-size:13px; color:#FFF; font-family:Verdana; margin-left:60px; }
.home1 {width: 720px; font-size:13px; color:#FFF; font-family:Verdana; margin-left:21px !important; margin-left:21px;  text-align:justify; }
.home1 a:link {  color:#c3c715; text-decoration:none;}
.home1 a:visited { color:#c3c715; text-decoration:none;}
.home1 a:hover { color:#c3c715; border-bottom:#FFF 1px solid; }
.home1 a:active { color:#c3c715; text-decoration:none;}
 
.home2 {width: 800px; font-size:12px; color:#FFF; font-family:Verdana; margin-left:auto; margin-right:auto;  text-align:justify; }
.home2 h1 {width:370px; font-size:22px; color:#c3c715; text-align:left; font-family:Verdana; font-weight:normal; margin:0px;}
.home2 h4 { color:#b8c904; font-size:13px; text-align:justify; }
.home2 a:link {  color:#FFF; text-decoration:none;}
.home2 a:visited { color:#FFF; text-decoration:none;}
.home2 a:hover { color:#c3c715; border-bottom:#FFF 1px solid; }
.home2 a:active { color:#FFF; text-decoration:none;}

.home3{width:60%; border:0; margin-left:240px;}

#blog li{ width:360px; color:#FFF; list-style:inside; font-family:Verdana; font-size:12px; }
#blog a:link {  color:#FFF; text-decoration:none;}
#blog a:visited {  color:#FFF; text-decoration:none;}
#blog a:hover {  color:#c3c715; border-bottom:#FFF 1px solid; }
#blog a:active {  color:#FFF; text-decoration:none;}




div.error {   margin-left:20px; padding: 10px; 	width:300px; 	border:#C3C715 1px dashed; 	color: #000; 	height:auto; }
div.error p { width: 300px; margin:0px 0px 15px 0px;}
.logos{ margin-left:140px; margin-top:50px;}
/*.introduccion { width:800px; font-size:20px; color:#000; text-align:center;}*/

/* Cabecera y logo */
.cabecera { height:201px; width:950px;background-image:url(../img/cabecera.jpg); background-color:#474245;margin:0px;}
.cabecera img { border:none;}  
.logo { width:194px; height:69px; padding-left: 40px; padding-top: 10px; clear:both; float:left}

/* Menu de la web */
.menu {color:#FFF; padding-top:10px; width: 950px; height:30px; text-align:center;background-color:#474245;/* padding-left:15px;*/}
.menu li,ul{ font-family: Verdana; font-size:20px; display:inline; margin-left:15px;}

.menu a:link { text-decoration:none;}
.menu a:visited { text-decoration:none;}
.menu a:hover { border-bottom:#c3c715 3px solid;}
.menu a:active { text-decoration:none;}

/*.titulo { width: 550px; margin-left:360px; padding-top:70px; font-size:28px; color:#4d5549; font-family: Calibri; font-weight:bold;border: 1px #F00 } */
.titulo {color:#c3c715; font-weight:bold; font-size:15px; }
.titulo h1 {width: 550px; margin-left:360px; padding-top:70px!important; padding-top:35px; font-size:28px; color:#4d5549; font-family: Calibri; font-weight:bold; text-align:left;margin-top:0px; font-family: Calibri;}

/* Estructura de la web */
.principal{height:auto; width:950px; background-color:#474245; /*padding-left:45px; padding-right:45px;*/ padding-top:15px;} 
 
/* Diagnostico gratuito de web */
#diagnostico{ border: #F0F 1px solid;  margin-left: 25px; width:150px; text-align:center; font-size:12px; margin-top:200px; color:#f8e838;} 
#diagnostico input { width: 120px;}


#galeria_proyectos {width:600px; font-size:22px; color:#c3c715; text-align:left; font-family:Verdana; font-weight:normal; margin-left:90px;} 


/* Pie de pagina */
.pie{height:71px; width:950px; background-color:#474245; background-image:url(../img/pie.jpg); background-repeat:no-repeat; color:#4d5549; font-size:23px; font-weight:bold; font-family: Calibri;}
.desplazamiento { height: 25px; margin-left: 170px; width:750px; padding-top:15px; text-align:right}
.desplazamiento2{height:auto; margin-left: 100px; width:550px; text-align:left; color:#FFF;}
.desplazamiento3{height:auto; margin-left: 650px; width:70px; text-align:left; color:#FFF; clear:both;}
#desplazamiento4 {   width:150px;  text-align:right; color:#FFF} 
#desplazamiento4 a:link { color:#c3c715; text-decoration:none;}
#desplazamiento4 a:visited { color:#c3c715; text-decoration:none;}
#desplazamiento4 a:hover { color:#e86b91; border-bottom:#FFF 1px solid; }
#desplazamiento4 a:active { color:#c3c715; text-decoration:none;}

/*Telefonos*/
.telefono { margin: 10px 25px 25px 15px; width:200px; float:left; text-align:center; display:block; clear:right;}
.telefono img{ border:}

.pie a:link { color:#4d5549; text-decoration:none;font-weight:bold}
.pie a:visited { color:#4d5549; text-decoration:none;}
.pie a:hover { color:#4d5549; border-bottom:#c3c715 3px solid; }
.pie a:active { color:#4d5549; text-decoration:none;}

.desplazamiento-vertical{ padding-top: 90px; padding-left: 155px; }

/* Barra de idiomas*/
#idiomas { 	width:120px; margin-left:270px; height:20px; float:right; margin-top:0px;} 
#idiomas li,ul{ margin:0px;display: inline; padding:0px; height:1px; list-style-type:none; padding-right:10px;}
#idiomas a{ margin:0px;}

 /* Noticias */ 
 .noticias { width: 770px; font-size:12px; color:#FFF; font-family:Verdana;  text-align:justify; margin-left:15px; } 
 .noticias h2  { color:#e86b91; font-size:18px;font-weight:bold;margin-left:70px;}
 .noticias h3  { color:#e86b91; font-size:15px;font-weight:bold;margin-left:70px;}
 .noticias h4 { color:#b8c904; font-size:13px; margin-left:10px;text-align:justify; }
 .noticias-cuadro {background-color: #272b25; width: 770px; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; font-size: 13px;}
 .noticias a:link { font-size:13px; color:#c3c715; text-decoration:none;}
 .noticias a:visited { color:#c3c715; text-decoration:none;}
 .noticias a:hover { color:#c3c715; border-bottom:#FFF 1px solid; }
 .noticias a:active { color:#c3c715; text-decoration:none;}
 .margen { padding:15px;}

.peque { font-size:14px; color:#989d20; text-align: center; font-family:Verdana; font-style:oblique; font-weight:bold;}


/* Servicios */
.servicios_titulo { font-size:18px; font-weight:bolder; color:#76cc07;}
.servicios li {  color:#f8e838; font-size:18px; margin-left:35px; margin-bottom: 15px; list-style: inside;} 
 
.proyecto { color:#FFF; }
.proyecto td{padding-left:5px; padding-right:5px; text-align:justify; font-size:13px;}
.proyecto a:link { color:#c3c715; text-decoration:none;}
.proyecto a:visited { color:#c3c715; text-decoration:none;}
.proyecto a:hover { color:#FFF; /*border-bottom:#FFF 1px solid; */}
.proyecto a:active { color:#c3c715; text-decoration:none;}
.proyecto img{ /*border: 1px solid #c3c715;*/ text-align:center;}

/*
.proyecto-cuadro { background-color: #272b25; width: 780px; border: 1px solid #272b25; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
.proyecto-cuadro:hover { background-color: #e86b91; width: 780px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
*/

/* Diferentes colores para los tipos de servicios*/


.proyecto-cuadro1 { background-color: #272b25; width: 780px; border: 1px solid #272b25; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
.proyecto-cuadro1:hover { background-color: #723786; width: 780px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}


.proyecto-cuadro2 { background-color: #272b25; width: 780px; border: 1px solid #272b25; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
.proyecto-cuadro2:hover { background-color: #393786; width: 780px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}


.proyecto-cuadro3 { background-color: #272b25; width: 780px; border: 1px solid #272b25; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
.proyecto-cuadro3:hover { background-color: #37867c; width: 780px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}


.proyecto-cuadro4 { background-color: #272b25; width: 780px; border: 1px solid #272b25; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
.proyecto-cuadro4:hover { background-color: #367e58; width: 780px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}


.proyecto-cuadro5 { background-color: #272b25; width: 780px; border: 1px solid #272b25; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
.proyecto-cuadro5:hover { background-color: #4f8637; width: 780px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}


.proyecto-cuadro6 { background-color: #272b25; width: 780px; border: 1px solid #272b25; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
.proyecto-cuadro6:hover { background-color: #d57337; width: 780px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}


.proyecto-cuadro7 { background-color: #272b25; width: 780px; border: 1px solid #272b25; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
.proyecto-cuadro7:hover { background-color: #835329; width: 780px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}

.proyecto-cuadro8 { background-color: #272b25; width: 780px; border: 1px solid #272b25; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}
.proyecto-cuadro8:hover { background-color: #c42331; width: 780px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);   margin-left: 70px; list-style:inside;}


.caja { background-color: #474245; width: 300px; border: 1px solid #474245; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);display: inherit; }

.caja:hover { background-color: #000; width: 300px; border: 1px solid #FFFFFF; -moz-border-radius: 10px;-webkit-border-radius: 10px;behavior:url(css/border-radius.htc);display: inherit; 
}

 
.presentacion_proyectos  { width:800px; font-size:13px; color:#FFF; font-family:Verdana; margin-left:70px; text-align:justify; }
.presentacion_proyectos a:link { color:#c3c715; text-decoration:none;}
.presentacion_proyectos a:visited { color:#c3c715; text-decoration:none;}
.presentacion_proyectos a:hover { color: #000; /* border-bottom:#c3c715 1px solid;*/ }
.presentacion_proyectos a:active { color:#c3c715; text-decoration:none;}



#servicio { margin-left:35px: list-style: square; list-style-type:circle;}
 
 
.articulos { margin-left: 80px;}
.articulos a:link { color: #FFFFFF; text-decoration:none;}
.articulos a:visited { color:#FFFFFF; text-decoration:none;}
.articulos a:hover { color:#c3c715; border-bottom:#FFF 1px solid; }
.articulos a:active { color:#FFFFFF; text-decoration:none;}






/* Estilos para la secci�n de servicios, el desplegable  */

h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}



 /* ESTILOS PARA EL PAGINADOR */
.paginador {
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size:14px;
	font-weight:bold;
	color:#000;
	width:300px; 
	margin-left:60px;
	float:right;   
	display:inline;
	position:absolute;
	text-align:left;
	padding: 3px 0 8px 8px; 
	
}
.paginador a:link {text-decoration:none;color:#000; }
.paginador a:visited {text-decoration:none;color:#000; }
.paginador a:hover {color:#000; text-decoration:underline }
.paginador a:active { text-decoration:none;color:#000;}


/* Estilos para los campos de contactar */

.formContacto 
{
	 
	
	}
	 	
.formContacto td { color:#000; font-size:14px; }
.formContacto input { width:300px; height:20px; font-size:14px; border:1px solid #999; -moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	behavior:url(css/border-radius.htc);padding-left:5px;  display:block; clear:both; margin:3px 0px 13px 0px;}
.formContacto textarea { width:450px;height:95px; border:1px solid #999; -moz-border-radius: 10px;
	-webkit-border-radius: 10px; font-size:14px;
	behavior:url(css/border-radius.htc); padding:10px; display:block; clear:both; margin:3px 0px 13px 0px;}
.formContacto select { width:300px;height:25px; border:1px solid #999; -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior:url(css/border-radius.htc);display:block; clear:both; margin:3px 0px 13px 0px; }