/*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: large "Century Gothic", helvetica;
	color: black;
	font-weight: normal;
	background: transparent url('../img/llamada.gif') no-repeat top left;
	text-align: left;
	margin: 0.3em 0 0 0;
	padding: 1em 0.5em 0.8em 0.1em;
}

h3{
	font: medium "Century Gothic", helvetica;
	color: black;
	font-weight: normal;
	background: transparent;
	text-align: left;
	padding: 0.1em 0 0 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;
}

#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;
}

.vacio{
	clear: both;
}

a.external:after{
	content: url('../img/popup.gif');
	text-decoration: none;
	margin-left: 0.3em;
}

#info_central{
	padding: 0;
	border: 0;
	margin: 1em 0 0 0;
}

#links{
	width: 15%;
	float: left;
	background: white url('../img/back_links.jpg') top left;
	text-align: center;
	padding: 0 0 1.5em 0;
	border: 0;
	margin: 0;
}

ul#link_icon{
	color: blue;
	border: 0;
	padding: 0;
	margin: 2em 0 0 0;
	list-style-type: none;
}

ul#link_icon li{
	color: blue;
	padding: 0.7em 0;
	margin: 0;	
}

ul#link_icon img{
	border: none;
}

ul#link_icon a{
	color:  black;
	text-decoration: none;
	border: 0;
	background: transparent;
	padding:0;
	margin:0;
}

ul#link_icon a:link {
	color: #CCFFFF;
}

ul#link_icon a:visited {
	color: #CCFFCC;
}

ul#link_icon a:hover{
	color: #FF3434;
	/*background: #0099FF;*/
}

ul#link_icon a:active {
	color: #FFCCFF;
}

#cuerpo{
	width: 60%;
	padding: 0;
	border: 0;
	margin: 0 0 0 3.6em;
	float: left;
}

#portafolio{
	margin: 0;
	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;
}

#portafolio p{
	padding-right: 0.8em;
}

#portafolio_imagen{
	float: left;
	margin: 0.5em 0 0.5em 0;
}

#portafolio_titulo{
	width: 25%;
	float: right;
	margin: 0;
}

img.banner1{
	padding: 0.5em;
	float: left;
}

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

#productos{
	margin: 1em 0 0 0;
	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;
}

#lefty{
	float: left;
	width: 18%;
}

#producto_a{
	margin: 0.5em 0 0 0;
	width: 31%;
	padding: 0 1em 0 0;
	float: right;
	border-right: 1px dotted #999999;
}

#producto_b{
	margin: 0.5em 0 0 0;
	padding: 0 1em 0 1em;
	width: 31%;
	float: right;
}

#cintillo{
	width: 15%;
	float: right;
	padding: 0;
	border: 0;
	margin: 0;
	background: white;
}

#servicios{
	text-align: center;
	padding: 1em;
	background: #E1B880 url('../img/servicios.jpg') top left;
}

#opcional{
	text-align: center;
	padding: 1em;
	margin: 2em 0 0 0;
	border: none;
}

.ver_mas{
	text-align: right;
	background: #0099FF;
	padding: 0.5em 0.3em 0.5em 0;
	margin: 0;
}

#id_corporativa{
	margin: 2em 0 0 0;
	text-align: center;
	font-size: medium;
}

#id_corporativa span{
	text-transform: uppercase;
}


#ds_editorial{
	text-align: center;
	font-size: x-large;
}

#ds_editorial span{
	text-transform: uppercase;
}

#publicidad{
	text-align: center;
	font-size: large;
}

#ilustracion{
	text-align: center;
	font-size: x-large;
}

#web{
	text-align: center;
	font-size: x-large;
	text-transform: uppercase;
}

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