/*Design for Donde Studio QRO :: Author: Makko IT */
/*Starts Generic */

body {
	color: black;
	font-family: "Century Gothic", helvetica;
	font-size: 12px;
	background: white;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 1300px;
	/*max-width: 1500px;*/
}

h1{
	font: 400% "Century Gothic", helvetica;
	color: black;
	font-weight: normal;
	background: transparent;
	text-align: left;
	margin: 0;
	padding: 0;
}

h2{
	font: 300% "Century Gothic", helvetica;
	color: black;
	font-weight: normal;
	background: transparent;
	text-align: left;
	margin: 0;
	padding: 0;
}

h3{
	font: 250% "Century Gothic", helvetica;
	color: black;
	font-weight: normal;
	background: transparent;
	text-align: left;
	padding: 0;
	margin: 0;
}

p{
	font: small "Century Gothic", helvetica;
	color: black;
	background: transparent;
	text-align: left;
	margin: 0.8em 0em 0.5em 0em;
	padding-left: 0;
}

img{border:none;}


#contenedor{
	color: black;
	font-family: "Century Gothic", helvetica;
	font-size: small;
	background: white;
	text-align: center;
	width: 98%;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#cabecera{
	text-align: center;
	width: 100%;
	padding: 0;
	border: 0;
	margin: 0;
}

#menu{
	color: white;
	background: black;
	padding: 0;
	margin: 0;
	border:0;
	text-align: center;
	width: 100%;
	clear: both;
}

#menu img{
	border: 0;
	float: left;
	padding-left: 5em;
}

ul#menuTab{
	color: white;
	font-size: small;
	text-align: center;
	margin: 0.8em 2em 1em 2em;
	padding: 0.4em 0 0.2em 0;
	background: transparent;
}

ul#menuTab li{
	display: inline;
	padding: 0;
}

ul#menuTab a{
	color: white;
	text-decoration: none;
	background: transparent;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0 1.5em;
}

ul#menuTab a:link {
	background: transparent;
	color: #FFCC66;
}

ul#menuTab a:visited {
	background: transparent;
	color: #FFFFCC;
}

ul#menuTab a:hover{
	color: white;
	background: #0099FF;
}

ul#menuTab a:active {
	background: #CC0000;
	color: white;
}

#somos #menuTab .li_somos a,
#comunicacion #menuTab .li_comunicacion a,
#contacto #menuTab .li_contacto a,
#productos #menuTab .li_productos a,
#servicios #menuTab .li_servicios a,
#portafolio #menuTab .li_portafolio a{
	background: #0099FF url('../img/indicador.gif') no-repeat bottom center;
	padding: 0.5em;
	margin: 0 1.5em;
}

.vacio{clear: both;}

#wrapper{
	color: black;
	background: white;
	width: 80%;
	border: 0;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#intro{
	color: black;
	background: white url('../img/pleca.jpg') no-repeat bottom center;
	border: 0;
	padding: 0.5em 2em 1.5em 2em;
	margin: 0 auto;
	text-align: center;
	width: 80%;
}

#intro img{
	border: 0;
	float: right;
	padding: 0 0 0 0.3em;
}

.slogan{
	border: 0;
	padding: 0;
	margin: 0;
}


#footer{
	color: #FFFFFF;
	background: white url('../img/footer.jpg') no-repeat center center;
	padding: 4.8em 0 3em 0;
	border: 0;
	margin: 1em 0 1em 0;
}


/* End Generic START SECTION */
/* Section SOMOS */
#mision{
	background: #CC6600 url('../img/flores.jpg') no-repeat center left;
	width: 80%;
	margin: 1em auto;
	padding: 0;
}

.mision_h{
	font: 300% "Century Gothic", helvetica;
	color: white;
	font-weight: normal;
	background: transparent;
	text-align: left;
	margin: 0;
	float: left;
	padding: 0.5em 1em 0 3em;
}

.mision_p{
	font: small "Century Gothic", helvetica;
	color: white;
	width: 80%;
	background: transparent;
	text-align: left;
	margin: 0;
	padding: 1em;
}

#objetivos{
	background: white;
	color: black;
	padding: 0;
	margin: 0 auto;
	width: 80%;
}

#creemos{
	width: 30%;
	background: white;
	color: black;
	float: left;
	padding: 0 0.7em 0 0;
	margin: 0;
}

#creemos ol{
	text-align: left;
}

#origenes{
	width: 30%;
	background: white;
	color: black;
	float: left;
	padding: 0 0.7em 0 1.9em;
	margin: 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#tribu{
	width: 30%;
	background: white;
	color: black;
	float: right;
	padding: 0;
	margin: 0;
}

/* Section COMUNICACION */

.centrado{text-align:center}

#comunicacion_body{
	width: 80%;
	margin: 1em auto;
	padding: 0;
}

#comunicacion_taba{
	background: #99CCCC;
	padding: 0;
	margin: 0;
	border: none;
	width: 45%;
	float: left;
	color: white;
}

#comunicacion_taba p{
	font: small "Century Gothic", helvetica;
	color: white;
	background: #99CCCC;
	text-align: left;
	margin: 0;
	padding: 0.8em 2em 0.8em 2em;
}

#comunicacion_taba span{
	text-transform: uppercase;
}

#ci{
	padding: 0;
	margin: -2.5em 0 0 -1.2em;
	border: 0;
}

#comunicacion_tabb{
	padding: 0;
	margin: 0;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	width: 45%;
	float: left;
}

ul#ct{
	color: black;
	font-size: small;
	text-align: center;
	margin: 1.5em 0;
	padding: 0;
	background: white;
}

ul#ct li{
	list-style-type: none;
	padding: 0.5em 0 1.1em 0;
	background: white url('../img/plecaChica.jpg') no-repeat center bottom;
	border: 0;
	margin: 0;
}

#dondeci{
	background: white;
	color: black;
}

/* Section PRODUCTOS */

#menu_secundario{
	color: white;
	background: #0099FF;
	padding: 0;
	margin: -0.7em 0 0 0;
	border:0;
	text-align: center;
	clear: both;
}

ul#menuSecundarioTab{
	color: white;
	font-size: small;
	text-align: center;
	margin: 0 2em 1em 2em;
	padding: 0.4em 0 0.2em 0;
	background: transparent;
}

ul#menuSecundarioTab li{
	display: inline;
	padding: 0;
}

ul#menuSecundarioTab a{
	color: white;
	text-decoration: none;
	background: transparent;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0 1.5em;
}

ul#menuSecundarioTab a:link {
	background: transparent;
	color: #FFCC66;
}

ul#menuSecundarioTab a:visited {
	background: transparent;
	color: #FFFFCC;
}

ul#menuSecundarioTab a:hover{
	color: white;
	background: black;
}

ul#menuSecundarioTab a:active {
	background: #CC0000;
	color: white;
}

#cinefila_top{
	padding: 0 0 2em 0;
	border: 0;
	margin: 0 auto;
	background: white url('../img/pleca_verde.jpg') no-repeat bottom center;
	width: 85%;
}

#cinefila_top h1{
	margin: 0.5em 0 0 0;
	text-align: center;
}


#cinefila_top img{
	float: left;
	margin: 0.1em 1em 0.1em 0.1em;
}

#cinefila_content{
	margin: 1em auto 0 auto;
	text-align: center;
	width: 80%;
}

#cinefila_secciones{
	width: 35%;
	float: left;
	padding: 0;
	background: white url('../img/curve/backgroundb.jpg') repeat-y top right;
	border-top: 9px solid #878787;
	border-bottom: 8px solid #878787;
	border-left: 8px solid #878787;
}

#cinefila_secciones h2{
	margin-top: 0.3em;
	margin-left: 0.5em;
}

#cinefila_descr{
	width: 58%;
	float: right;
}

#cinefila_perfil{
	float: left;
	width: 45%;
	background: #878787;
	padding: 0.4em;
}
#cinefila_distribucion{
	float: right;
	width: 45%;
	padding: 0.4em;
}

.sangria_top{
	padding-top: 13em;
}

ul.lista_secciones{
	text-align: left;
	list-style-type: none;
	padding: 1em;
	margin: 0;
}

ul.lista_secciones li{
	padding: 0;
	color: #8A8A8A;
	margin: 0.5em 0.3em 0 0;
}

ul.lista_secciones li span{
	color: #C3C933;
	font-weight: bold;
	padding: 0;
}

ul#secciones_black{
	text-align: left;
	list-style-type: none;
	padding: 1em;
	margin: 0;
}

ul#secciones_black li{
	padding: 0;
	color: white;
	margin: 0.5em 0.3em 0 0;
}

ul#secciones_black li span{
	color: #C3C933;
	font-weight: bold;
	padding: 0;
}


#dondeweb_top{
	padding: 0 0 2em 0;
	border: 0;
	margin: 0 auto;
	background: white url('../img/pleca_azul.jpg') no-repeat center bottom;
	width: 85%;
}

#dondeweb_top h1{
	margin: 0.5em 0 0 0;
	text-align: center;
}


#dondeweb_top img{
	float: left;
	margin: 0.1em 1em 0.1em 0.1em;
}

#dondeweb_content{
	margin: 1em auto 0 auto;
	text-align: center;
	width: 80%;
}

#dondeweb_sobre{
	padding: 0;
	margin: 0;
	border: 0;
}

#dondeweb_sobre h2{
	color: red;
	margin-top: 0.3em;
	margin-left: 0.5em;
}

#dondeweb_sobre img{
	float: right;
	margin: 0.5em;
}

#dondeweb_guia{
	margin: 1em auto;
	padding: 0;
	background: white url('../img/curve/background.jpg') repeat-y top right;
	border-top: 9px solid #F2F2F2;
	border-bottom: 9px solid #F2F2F2;
	border-left: 9px solid #F2F2F2;
}

#dondeweb_guia h2{
	text-align: center;
	margin: 0.3em 0 0 0;
	padding: 0;
	border: 0;
	color: red;
	/*background: white url('../img/adorno.jpg') no-repeat bottom center;*/
}

.dondeweb_opcion{
	float: left;
	width: 24%;
	padding: 0 0 0 0.5em;
	margin: 0.8em 0 0 0;
	border-left: 1px dotted grey;
	color: #8A8A8A;
}

.dondeweb_opcion h3{
	color: #0E83FF;
	font-size: 130%;	
}

.dondeweb_opcion p{
	padding: 0 0 0 0.5em;
}

.dondeweb_opcion img{
	float: left;
	margin: 0 0.3em;
}

.dondeweb_opcion_primero{
	float: left;
	width: 24%;
	padding: 0 0 0 0.5em;
	margin: 0.8em 0 0 0;
	color: #8A8A8A;
}

.dondeweb_opcion_primero h3{
	color: #0E83FF;
	font-size: 130%;	
}

.dondeweb_opcion_primero p{
	padding: 0 0 0 0.5em;
}

.dondeweb_opcion_primero img{
	float: left;
	margin: 0 0.3em;
}

/* Section SERVICIOS */

.servicio_caja{
	width: 80%;
	margin: 1em auto;
	padding: 0;
	background: white url('../img/curve/background.jpg') repeat-y top right;
	border-top: 9px solid #F2F2F2;
	border-bottom: 9px solid #F2F2F2;
	border-left: 9px solid #F2F2F2;
}

.servicio_caja h2{
	margin: 0.3em;
	padding: 0;
	font-weight: normal;
}

.servicio_caja ul{
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0.5em 0.5em 0.5em 2em;
}

.servicio_caja li{
	margin: 0;
	padding: 0;
	border: 0;
}

img.curve{
	float: right; 
	border: none;
	padding: 0;
	margin: -9px 0 0 0;
}

/*Check the floating before publishing on IE7!!!!!!*/

img.servicio_wall{
	float: right;
	padding: 0;
	margin: -0.5em 6em 0 0;
}

/* Section PORTAFOLIO */

 #portafolio_top{
 	width: 90%;
 	margin: 0.5em auto;
 	text-align: center;
 	padding: 0;
 	border: 0;
 }

 #portafolio_top h1{
 	text-align: center;
 	margin: 0.3em;
 }

#portafolio_content{
	width: 78%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

ul#portafolio_submenu{
	color: #848484;
	font-size: small;
	text-align: left;
	margin: 0 0 0 2em;
	padding: 0.4em 0 0.2em 0;
	background: transparent;
}

ul#portafolio_submenu li{
	display: inline;
	padding: 0;
	border-right: 1px solid grey;
}

ul#portafolio_submenu a{
	color: #848484;
	text-decoration: none;
	background: transparent;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0 0.2em;
}

ul#portafolio_submenu a:link {
	background: transparent;
	color: #FFCC66;
}

ul#portafolio_submenu a:visited {
	background: transparent;
	color: red;
}

ul#portafolio_submenu a:hover{
	color: white;
	background: #848484;
}

ul#portafolio_submenu a:active {
	background: #CC0000;
	color: white;
}
------------------------------

#portafolio_descr_a{
	margin: 2em auto 0 auto;
	width: 70%;
	text-align: left;
	padding: 0;
	border: 0;
	
}
/* Section CONTACTO */

fieldset{
	margin: 0.5em 0 0.5em 0;
	padding: 0.8em;
	border: 2px solid #049CEA;
}

legend{
	font-weight: bold;
	color: black;
	padding: 0 0.5em;
}

#datos{
	width: 80%;
	background: #049CEA;
	margin: 1em auto 2em auto;
	padding: 1em;
}

#datos address{
	text-decoration: none;
	font-style: normal;
	background: #049CEA;
	color: white;
	padding: 1em;
}

#datos h2{
	color: black;
	font-size: 200%;
	text-align: center;
	background: #049CEA;
	margin: 0.5em 0 0.1em 0;
}

#datos p{
	text-align: center;
	padding: 0;
	margin: 0;
	background: #049CEA;
	color: white;
}