/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
}
div.contenedor{
	position: relative;
	width: 750px;
	height: 730px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;
	background-image: url(rayitas.gif);
	padding-top:0px;
}
div.barra1{
	width: auto;
	height: 112px;
	background-color: #E5E5E5;
}
div.menu{
    width: auto;
	height: 43px;
	background-color: #E5E5E5;
	padding-left:7px;	
}
div.banner{
    width: auto;
	height: 230px;
	padding-left:11px;
}
div.contenido{
	width: auto;
	height: 480px;
}
/***************************   aqui van las especificacion es para los contenidos de la pagina principal**************/
div.accesosrapidos{
	height: 250px;
	width: 30%;
	float: left;
	border: solid #CCCCCC 1px;
	margin-left:1%;
	margin-right:1%;
}
div.noticias{
	height: 250px;
	width: 30%;
	float: left;
	border: solid #CCCCCC 1px;
	margin-left:1%;
	margin-right:1%;
}
div.links{
	height: 250px;
	width: 30%;
	float: left;
	border: solid #CCCCCC 1px;
	margin-left:1%;
	margin-right:1%;
}
/*      *******************                   */
div.frameizquierda{
    width: 248px;
	height: auto;
}
div.frameizquierdanosotros{
    width: 390px;
	height: 500px;
}
div.frameizquierdaarticulos{
    width: 550px;
	height: autopx;
}
/* definiciones de los titulos de las secciones       */
div.titulo{
	background-image: url(gifsilustrandogifs/galeriatag2.gif);
	margin-right:11px;
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.tituloizquierdolinks{
    background-image:url(gifsilustrandogifs/links.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.tituloizquierdoarticulos{
    background-image:url(gifsilustrandogifs/articulostag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.tituloizquierdotutoriales{
    background-image:url(gifsilustrandogifs/tutorialestag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.tituloizquierdobibliografia{
    background-image:url(gifsilustrandogifs/bibliografiatag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.tituloizquierdotutoriales{
    background-image:url(gifsilustrandogifs/tutorialestag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.tituloportafolio{
background-image: url(gifsilustrandogifs/portafolio.gif);
	margin-right:11px;
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.titulonosotros{
background-image:url(gifsilustrandogifs/acercade.gif);
margin-right:11px;
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.contacto{
background-image:url(gifsilustrandogifs/contactotag.gif);
margin-right:11px;
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
/************************************************************************/
div.pleca{
height:20px;
margin-right:11px;
width:auto;
background-color:#337082;
}
div.pleca2{
height:20px;
width:auto;
background-color:#337082;
background-image:url(imgs_css/sombrita.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}
div.plecanormal{
height:20px;
width:auto;
background-color:#337082;
}
div.plecatitulo{
	height:20px;
	width:auto;
	background-color:#337082;
}
div.plecadecierre{
	height:20px;
	width:auto;
	background-color:#EDEBDE;
}
div.plecadecierre2{
	height:20px;
	width:auto;
	background-color:#EDEBDE;
	background-image:url(imgs_css/sombrita.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
	padding-right:10px;
}
div.texto{
	width:auto;
	height:450px;
	background-color: #FFFFFF;
	background-image:url(imgs_css/sombrita.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}
div.textonosotros{
	width:auto;
	height:490px;
	background-color: #FFFFFF;
	background-image:url(imgs_css/sombrita.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}
div.textoprincipal{
	width:auto;
	height:210px;
	background-color: #FFFFFF;
}
div.textoilustrador{
	width:auto;
	height:200px;
	background-color: #FFFFFF;
	background-image:url(imgs_css/sombrita.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}
div.textoficha{
	width:auto;
	height:190px;
	background-color: #FFFFFF;
	background-image:url(imgs_css/sombrita.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}
div.cierre{
height:15px;
width:auto;
background-image:url(imgs_css/sombrita.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}
div.cierrevacio{
height:15px;
width:auto;
background-color:#FFFFFF;
background-image:url(imgs_css/sombrita.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}
div.framederecha{
	position:absolute;
	width: 475px;
	height: 475px;
	left: 259px;
	top: 160px;
}
div.barrafinal{
position:absolute;
top:642px;
    width: 750px;
	height: 88px;
	background-color: #CBD4D3;	
}
div.botones{
margin-left:12%;
margin-right:12%;
margin-top:18px;
width:auto;
height:20px;
}
div.copy{
margin-left:auto;
margin-right:auto;
margin-top:18px;
width:123px;
height:26px;
}
/*60 - 692
/********************* estilo para imagenes unicas *******************************/
img.logo{
position:absolute;
top:22px;
}
img.search{
float:right;
margin-top:22px;
margin-right:45px;
}
img.thumbgrande{
width:183px;
height:183px;
float:left;
margin-top:3px;
margin-left:3px;
}
img.thumbchirris{
width:90px;
height:90px;
float:left;
margin-left:3px;
margin-top:3px;
}
img.botones{
float:left;
}
img.copyright{
position: relative;
	width: 122px;
	margin-left: auto;
	margin-right: auto;
}
img.bullet{
margin-left:17px;
margin-top:24px;
}
img.adorno{
	position:relative;
	float:right;
	padding: 8px 8px 4px 8px;
	margin-left: 10px;
	margin-top:30px;
	width:300px;
	height:auto;
	background-color:#FFFFFF;
	border: solid #999999 1px;
}
img.adorno2{
	position:relative;
	float:left;
	padding: 1px 1px 1px 1px;
	margin-left: 5px;
	margin-top:2px;
	background-color:#FFFFFF;
	border: solid #999999 1px;
}
img.adornobase{
background-color:#edecdf;
	position:relative;
	float:right;
	margin-left: 10px;
	border: solid #999999 1px;
	padding-left:80px;
}
/****************** estilos para textos ***************************************/
p{
	position:absolute;
	margin-left:5px;
	margin-top:24px;
	width:170px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing: -0.06em;	
}
p.acercade{
margin-left:50px;
margin-top:50px;
	color: #555555;
	width:250px;
}
ul{
	margin-left: 20px;
	margin-bottom:0px;
}
ul.coloritos{
	margin-left: 0px;
	margin-bottom:0px;
}
li.simple{
	list-style-type: none;
	background-image:url(gifsilustrandogifs/bullet1.gif);
	background-position: 5% 52%;
	background-repeat: no-repeat;
}
li.datos{
list-style-image: url(gifsilustrandogifs/bullet1.gif);
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 6px;
	margin-right: 8px;
}
li.datos1{
	background-image:url(gifsilustrandogifs/bullet1.gif);
	background-position: 5% 52%;
	background-repeat: no-repeat;
	background-color:#CCCCCC;
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 16px;
	padding-bottom:16px;
	padding-left:35px;
	margin-right: 10px;
	list-style-type: none;
	
}
li.datos2{
	background-image:url(gifsilustrandogifs/bullet1.gif);
	background-position: 5% 52%;
	background-repeat: no-repeat;
	background-color:#F5F5F5;
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 16px;
	padding-bottom:16px;
	padding-left:35px;
	margin-right: 10px;
	list-style-type: none;
	
}
li.datos3{
	background-image:url(gifsilustrandogifs/bullet1.gif);
	background-position: 5% 18%;
	background-repeat: no-repeat;
	background-color:#CCCCCC;
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 6px;
	padding-bottom:16px;
	padding-left:35px;
	list-style-type: none;
	
}
li.datos4{
	background-image:url(gifsilustrandogifs/bullet1.gif);
	background-position: 5% 18%;
	background-repeat: no-repeat;
	background-color:#F5F5F5;
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-bottom:16px;
	padding-left:35px;
	list-style-type: none;
	
}
li.datos5{
	background-image:url(gifsilustrandogifs/bullet1.gif);
	background-position: 5% 18%;
	background-repeat: no-repeat;
	background-color:#CCCCCC;
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom:4px;
	padding-left:20px;
	list-style-type: none;
	
}
li.datos6{
	background-image:url(gifsilustrandogifs/bullet1.gif);
	background-position: 5% 18%;
	background-repeat: no-repeat;
	background-color:#F5F5F5;
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom:4px;
	padding-left:20px;
	list-style-type: none;
	
}
li.datos7{
	background-image:url(gifsilustrandogifs/bullet1.gif);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom:4px;
	padding-left:20px;
	list-style-type: none;
	
}
li.datos8{
	background-image:url(gifsilustrandogifs/bullet1.gif);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom:4px;
	padding-left:20px;
	list-style-type: none;
	
}
li.servicios{
	font: normal 11px/.96 Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 6px;
	padding-left:15px;
	margin-right: 8px;
	margin-left:28px;
	margin-bottom:10px;
	list-style-type: none;
	background-image: url(/gifsilustrandogifs/bullet1.gif);
	background-position: 0% 70%;
	background-repeat: no-repeat;
}
li.datosazules{
	background-image:url(gifsilustrandogifs/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0% 10%;
	font: normal 11px Verdana;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 6px;
	padding-left:30px;
	margin-right: 8px;
	margin-top:25px;

	list-style-type: none;
}
li.articulos{
	background-image:url(gifsilustrandogifs/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0% 20%;
	font: normal 11px Verdana;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*padding-top: 6px;*/
	padding-left:30px;
	margin-right: 8px;
	margin-top:10px;
	list-style-type: none;
}li.comofuncionamos{
	background-image:url(gifsilustrandogifs/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0% 2%;
	font: normal 10px Verdana;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*padding-top: 6px;*/
	padding-left:38px;
	margin-right: 18px;
	margin-top:15px;
	list-style-type: none;
}

span.titulonegro{
font: bold 11px Verdana;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
span.fecha{
font: normal 11px/.96 Verdana;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
input{
	position:absolute;
	top:28px;
	left:618px;
	border: solid #000000 0px;
	z-index:999;
	width:70px;
	height:10px;
	background-color: #FFFFFF;
	font-size: 9px;
}
span.titulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 20px;
}
span.final{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: right;
	padding-right: 10px;
}
a:link{
	color: #326F82;
	font: normal 11px/.96 Verdana;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover{
	color: #326F82;
	font: normal 11px/.96 Verdana;
	text-decoration: underline;
}
a:visited{
	color: #737373;
	font: normal 10px/.96 Verdana;
	text-decoration: none;
}
a:active{
	color: #3U33399;
}
/******************************************* definicion de la pagina de herraminetas****************/
div.herramientas{
width:73%;
height:70%;
margin-left:2%;
margin-top:1%;
border-left-style:solid;
border-left-color:#CCCCCC;
border-left-width:1px;
}
div.herramientasderecha{
position:absolute;
	width: 30%;
	height: 475px;
	right:0px;
	bottom:88px;
	background-image:url(gifsilustrandogifs/detallenaranja.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.tituloizquierdoherramientas{
    background-image:url(gifsilustrandogifs/herramientastag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

div.accesorios{
	height: 20%;
	width: 40%;
	float: left;
	border: solid #CCCCCC 1px;
	margin-left:1%;
	margin-right:4%;
	margin-top:3%;
}
div.textoherramientas{
	width:auto;
	height:150px;
	background-color: #FFFFFF;
}
/***************************** definicion para la pagina de servicios****************************************/
div.serviciosilustradores{
	height: 400px;
	width: 36%;
	float: left;
	margin-left:5%;
	margin-top:4%;
}
div.tituloserviciosilustradores{
    background-image:url(gifsilustrandogifs/servicioilustag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.tituloserviciosclientes{
    background-image:url(gifsilustrandogifs/servclientag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.textoservicios{
	width:auto;
	height:310px;
	background-color: #FFFFFF;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
}
/****************************articulos****************************************************/
/************************como funcionamos************************************************/
div.comofuncionamos{
float:right;
width:48%;
height:70%;
margin-top:1%;
border-left-style:solid;
border-left-color:#CCCCCC;
border-left-width:1px;
}
div.plecaderecha{
height:20px;
width:auto;
background-color:#91ACC7;
}
div.textonosotrosderecha{
	width:auto;
	height:450px;
	background-color: #FFFFFF;
}
div.tituloizquierdocomofuncionamos{
    background-image:url(gifsilustrandogifs/comofuncionamostag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.detalleizquierdo{
position:absolute;
	width: 30%;
	height: 475px;
	left:0px;
	bottom:88px;
	background-image:url(gifsilustrandogifs/detalleazul.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div.tituloizquierdondetrabajamos{
    background-image:url(gifsilustrandogifs/dondetrabajamostag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.tituloizquierdoclausulas{
    background-image:url(gifsilustrandogifs/terminosdeusotag.gif);
	width: auto;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}