/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#626469
}
a{
	color:#626469;
	text-decoration:none;
}
a:hover{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#c8da03;
}
strong{
	font-weight:bold;
}

	
span.destacado{
	color:#c8da03;
}

#contenedor{
	width:936px;
	margin:0 auto;
	border:#eeeeee 10px solid;
	overflow:hidden;
	height:1%;
	padding:30px 30px 10px 30px;

}


/*CABECERA-----------------------------------*/
#cabecera{
	padding-bottom:30px;
	overflow:hidden;
	height:1%;
	line-height: 1.3em;	
	font-size:.75em;
}
#cabecera #logo{
	width:219px;
	height:59px;
	float:left;
}

#cabecera #datos1{
	width:550px;
	float:right;
	text-align:right;
	padding:5px;
	border-right:#999999 dotted 1px;

}
#cabecera #datos2{
	width:100px;
	float:right;
	text-align:left;
	padding:5px;
	font-weight:bold;
}	

#cabecera #datos2 a, #cabecera #datos1 a{
	padding:1px;
}

/*MENU----------------------------------------------------*/
#menu{
	width:205px;
	float:left;
}

#menu li{
	border-bottom:#c8da03 solid 1px;
	margin-bottom:5px;
}
#menu li a{
	padding:0px;
	margin:0px;
	padding:0px 3px ;
}
#menu li a:hover{
	font-weight:normal;
}

#menu li a.selected, #menu li a.selected:hover{
	color:#ffffff;
	background:#c8da03;
	font-weight:bold;
}

/*submenu---------------------------------------*/
#menu li.submenu{
	border-bottom:none;
}

#menu ul.submenu li{
	border-bottom:none;
	margin-left:10px;
}


/*CONTENIDO--------------------------------------------*/

#contenido{
	width:729px;
	float:left;
	border:#c8da03 solid 1px;
	overflow:hidden;
	height:1%;
	min-height:500px;
}

#contenido h1{
	font-size:1.8em;
	padding:15px;
	display:block;
	width:580px;
	float:left;
}
#contenido h2{
	font-size:1.5em;
	font-weight:bold;
	color:#C8DA03;
	margin:10px 0px;
}
#contenido div.atras{
	margin:15px;
	width:70px;
	float:right;
	text-align:right;
}
#contenido div.atras a{
	color:#999999;
	border:#999999 solid 1px;
	font-weight:bold;
	padding:5px;
	display:block;
	text-align:center;
}
#contenido div.atras a:hover{
	color:#626469;
	border:#626469 solid 1px;
	background:#FFFFFF;
}

/*PRINCIAPL--------------------------*/
#contenido #principal{
	margin:15px;
	clear:both;
}

#contenido h1 span{
	font-size:.8em;
}
.Estilo1 {color: #C8DA03}


/*Principal --> Portafolio Listado-------------*/
#contenido #principal.portafolio{
	text-align:justify;

}
#contenido #principal.portafolio img{
	padding:5px 0px 0px 0px;

}
#contenido #principal.portafolio a:hover{
	background:#FFFFFF;
}

/*Principal---> Nosotros y Portafolios --------*/

#contenido #principal.nosotros p{
	text-indent:2em;
	background:#EEEEEE;
	margin-bottom:15px;
}

#contenido #principal.nosotros span{
	padding:1px;
	background:#626469;
	color:#FFFFFF;
	line-height:normal;
}

#contenido #principal.nosotros img{
	padding:15px 0px 0px 0px;

}



/*promociones-----------------------------*/
#contenido #principal.promocion_detalle ul{
	padding:1.5em;
}
#contenido #principal.promocion_detalle ul.ok li{
	list-style-image:url(../img/gion.gif);
}
#contenido #principal.promocion_detalle ul.punto li{
	list-style-image:url(../img/punto.gif);
}



/* servicio-----------------------------*/
#contenido #principal.servicio div{
	width:336px;
	height:336px;
	margin-bottom:15px;
}
#contenido #principal.servicio div p{
	margin:10px;
	font-size:.8em;
}
#contenido #principal.servicio h2{
	margin:10px;
}

#contenido #principal.servicio div.ilustracion{
	float:left;
	border:#d6006e 3px solid;
	background:url(../img/ilustracion.gif) bottom right no-repeat;
}
#contenido #principal.servicio div.web{
	float:right;
	border:#00a6d6 3px solid;
	background:url(../img/web.gif) bottom right no-repeat;
}

#contenido #principal.servicio div.tresde{
	float:left;
	border:#f5e617 3px solid;
	background:url(../img/3d.gif) bottom right no-repeat;
}
#contenido #principal.servicio div.cordinacion{
	float:right;
	border:#00b394 3px solid;
	background:url(../img/cordinacion.gif) bottom right no-repeat;
}

#contenido #principal.servicio div.ilustracion h2{
	color:#d6006e;
}
#contenido #principal.servicio div.web h2{
	color:#00a6d6;
}

#contenido #principal.servicio div.tresde h2{
	color:#f5e617;
}
#contenido #principal.servicio div.cordinacion h2{
	color:#00b394;
}


/*PRESUPUESTO--------------------------------------*/

#contenido #principal.presupuesto h4{
	background:#626469;
	padding:5px;
	color:#FFFFFF;
	margin:15px 0;
}


.columna_uno, .columna_dos, .columna_tres, .columna_doble{
	float:left;
}
.columna_uno, .columna_dos{
	width:265px;
}


.columna_tres{
	width:169px;
}

.columna_doble{
	width:434px;
}

textarea, input{
	background:#e9e9e9;
	border:none;
	padding:5px;
	font-size:.8em;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
}
textarea{
	width:689px;

}

.columna_uno input, .columna_dos input{
	width:240px;
	
}

.columna_tres input{
	width:159px;	
}
.columna_doble input{
	width:424px;	
}

label{
	font-size:.8em;
}
#contenido #principal.presupuesto span{
color:#ed6e00;
}

.borrar{
	width:90px;
	float:right;
	text-align:right;
	margin-top:10px;
}
.borrar a, .enviar a{
	color:#FFFFFF;
	background:#999999;
	border:#999999 solid 1px;
	font-weight:bold;
	padding:5px;
	display:block;
	text-align:center;
	font-size:.9em;
}
.borrar a:hover{
	color:#FFFFFF;
	border:#626469 solid 1px;
	background:#626469;
}

.enviar a{
	background:#C8DA03 ;
	border:#C8DA03 solid 1px;
	color:#FFFFFF;
	
}
.enviar a:hover{
	background:#ed6e00;
	border:#ed6e00 solid 1px;
	color:#FFFFFF;
}

.enviar{
	width:334px;
	float:right;
	text-align:right;
	margin-left:10px;
	margin-top:10px;
}



/*pie-------------------------------------------*/

#validacion{
	float:right;
	width:300px;
	text-align:right;
}
#validacion a{
	margin-left:10px;
}
#validacion a:hover{
	margin-left:10px;
	font-weight:normal;
	background:none;
}


#pie{
	width:1016px;
	margin:0 auto;
	overflow:hidden;
	height:1%;
	text-align:center;
	font-size:.7em;
	color:#bbbbbb;
	padding:5px;
}


/*DATOS CONTACTO--------------------------*/

.contacto{
	float:left;
	width:223px;
	padding-left:15px;
	margin-bottom:1em;
}

.contacto span.colomnauno{
	display:block;
	font-size:1.6em;
	text-align:justify;
	width:60px;
	float:left;
	color:#999999;
	font-weight:bold;
}
.contacto span.colomnados{
	display:block;
	font-size:1.6em;
	width:160px;
	float:left;
	text-align:right;
	color:#C8DA03;
}

.contacto p{
	font-size:.8em;
	text-align:justify;
	margin-bottom:10px;

}

.contacto a.verde{
	color:#C8DA03;
}
.contacto .resaltar{
	color:#C8DA03;
}

.contacto a:hover.verde{
	color:#FFFFFF;
	background:#C8DA03;
}

.contacto h4{
	color:#ffffff;
	background:#999999;
	padding:5px;
	margin-bottom:10px;
}

.contacto .menos{
	color:#999999;
}