* {margin: 0;padding: 0;font-family:Arial, Helvetica, Verdana, sans-serif;}
body  { text-align: center;background:#000 url(images/bg.jpg) top center no-repeat;}
#colores {z-index:201;position:absolute;top:15px;left:50%;margin:0 0 0 420px}
#colores form {float:left;margin:0 10px 0 0}

#contenedor{width:980px;margin:0 auto;}

#top{display:inline;float:left;width: 980px;height: 110px;margin: 0;text-align: center;overflow: hidden;}

#logo{float:left;display:inline;margin:27px 0 0 0;width:290px;height:55px;}
#logo a {display:block;width:100%;height:100%;text-decoration:none !important;border:0}

#menu{float:right;display:inline;margin:90px 30px 0 0;width:645px;}
#menu ul {list-style:none;}
#menu li {display:inline;}
#menu li a{ background:url(images/bglink.png) no-repeat;display:block;float:left; width:80px;height:20px; line-height:20px; color: #3B67A9;text-decoration:none;font-family:Arial;font-size:11px;font-weight:normal;margin:0 0 0 10px}
* html body #menu li a{ background:url(images/bglink2.gif) no-repeat;display:block;float:left; width:80px;height:20px; line-height:20px; color: #3B67A9;text-decoration:none;font-family:Arial;font-size:11px;font-weight:normal;margin:0 0 0 10px}
#menu li a:hover ,#menu li a.estoy{background:url(images/bglinkh.png) no-repeat;color:#fff;}
* html body #menu li a:hover ,#menu li a.estoy{background:url(images/bglinkh.gif) no-repeat;color:#fff;}

/* Fix IE. Hide from IE Mac \*/
* html body #top #menu ul li a {float:left;} 
/* End */

#complemento{width: 980px;float:left; display:inline;margin:20px 0 0 0;padding: 0;text-align: center;font-family:Arial; font-size:12px;}

#izquierda{float:left;display:inline;width:600px;margin:25px}
#izquierda h1 {font-size:18px;font-weight: normal;margin:0;text-align:left;color:#FFF;line-height:32px;}
#izquierda h1.destacado {background:url(/images/artwork.png) left center no-repeat;text-indent:40px}
* html body #izquierda h1.destacado {background:url(/images/artwork.gif) left center no-repeat;text-indent:40px}
#izquierda h1.soy {background:url(/images/user.png) left center no-repeat;text-indent:40px}
* html body #izquierda h1.soy {background:url(/images/user.gif) left center no-repeat;text-indent:40px}
#izquierda h1.hago {background:url(/images/computer.png) left center no-repeat;text-indent:40px}
* html body #izquierda h1.hago {background:url(/images/computer.gif) left center no-repeat;text-indent:40px}
#izquierda h1.digo {background:url(/images/target.png) left center no-repeat;text-indent:40px}
* html body #izquierda h1.digo {background:url(/images/target.gif) left center no-repeat;text-indent:40px}
#izquierda h1.recursos {background:url(/images/note.png) left center no-repeat;text-indent:40px}
* html body #izquierda h1.recursos {background:url(/images/note.gif) left center no-repeat;text-indent:40px}
#izquierda h1.contacto {background:url(/images/ruler_pencil.png) left center no-repeat;text-indent:40px}
* html body #izquierda h1.contacto {background:url(/images/ruler_pencil.gif) left center no-repeat;text-indent:40px}

#izquierda h2 {font-size:18px;font-weight: normal;margin: 10px 0;text-align:left;color:#3B67A9}
#izquierda p {margin:20px 0;font-size:14px;line-height:150%;padding:0;color:white;text-align:left;}

.destacada {float:left;display:inline;width:600px;text-align:left;font-size:11px;height:245px;overflow:hidden;margin:20px 0;border:2px solid white}
.destacada  h6 {font-size:18px;font-weight: bold;margin: 10px 0 0 10px;text-align:left;color:#3B67A9;}
.destacada img {border:0;}
.destacada a{text-decoration:none !important}
#izquierda ul {margin: 20px;color:white;list-style:none}
#izquierda li {margin:0 0 10px 0;padding:0 0 10px 25px;background:url(/images/accept.png) left top no-repeat;border-bottom:1px dotted #333;text-align:left}
* html body #izquierda li {margin:0 0 10px 0;padding:0 0 10px 25px;background:url(/images/accept.gif) left top no-repeat;border-bottom:1px dotted #333;text-align:left}

#izquierda {float:left;display:inline;width:600px;text-align:left;padding:0;}
#izquierda h4 {margin: 0;font-size:21px;font-weight:normal;margin: 10px 0 0 10px;}
#izquierda .php ,#izquierda .css {background: #f5f5f5;padding:15px;margin:0 35px 15px 35px;overflow:scroll;width:340px;}

#izquierda p.lenguaje {border:1px dotted gray !important;padding:5px !important;margin:35px auto 0 auto !important;width:500px !important;font-weight:bold !important;color:white;font-size:12px;border-width:1px 1px 0 1px}
#izquierda pre {padding:5px !important;margin:0 auto 0 auto !important;width:500px !important;overflow:scroll !important;border:1px dotted gray !important;background:white !important;}
#izquierda div.trabajo p{font-size:12px !important;margin:0 !important}
.fecha {font-size:9px !important;background:url(/images/tag_blue.png) left center no-repeat;padding:0 0 0 20px !important;line-height:16px;color:#333 !important}
* html body .fecha {font-size:9px !important;background:url(/images/tag_blue.gif) left center no-repeat;padding:0 0 0 20px !important;line-height:16px;color:#333 !important}

#izquierda form {width:400px;margin: 0 auto;padding:0;font-size:12px}
#izquierda fieldset{width:400px;padding:8px 0;text-align:left;border:0;color:#fff;}
#izquierda input, #izquierda select, #izquierda textarea{width:400px;background:#fff; padding:2px;border:1px solid #3B67A9;margin:0 0 10px 0;color:#3B67A9;font-size:12px;}
#izquierda input.contacto  {width:150px !important;background:#3b67a9;color:white}
label { color: #fff; font-size: 12px; line-height: 140%; padding: 0;}
.error-message, label.error { color: #3B67A9 !important; margin: 0 0 5px 0 !important;  display: block; font-size: 11px !important;font-weight:bold; }
/* para controlar el spam en formularios */
#messageLabel { display: none !important; }
#message { display: none !important; }
#izquierda p#mensaje {color:#3B67A9 !important;}

#izquierda .gris{font-size:7pt;color:#999}

#izquierda a:link, #izquierda a:visited, #izquierda a:active { text-decoration: none; color: #3B67A9; }
#izquierda a:hover{ text-decoration: underline; }

p.noencontrado {background:white url(/images/c1d.jpg) top right no-repeat;float:left;display:inline;width:720px;text-align:center;font-size:12px;margin-bottom:20px;line-height:50px;color:red;font-weight:bold}

#derecha{float:right;display:inline;width:280px;text-align:left;margin:25px 25px 25px 0;}
#derecha h1 {font-size:18px;font-weight: normal;margin:0;text-align:left;color:#FFF;line-height:32px;}
#derecha h1.digo {background:url(/images/target.png) left center no-repeat;text-indent:40px}
* html body #derecha h1.digo {background:url(/images/target.gif) left center no-repeat;text-indent:40px}
#derecha h1.recursos {background:url(/images/note.png) left center no-repeat;text-indent:40px}
* html body #derecha h1.recursos {background:url(/images/note.gif) left center no-repeat;text-indent:40px}
#derecha h4 {margin: 5px 10px 5px 15px;font-size:13px;font-weight:normal;border-top:1px solid #333;padding:15px 0 0 0}
#derecha p {margin: 20px 0;color:white}
#derecha ul {margin: 20px 0;color:white;list-style:none}
#derecha li {margin:0 0 10px 0;padding:0 0 10px 25px;background:url(/images/accept.png) left top no-repeat;border-bottom:1px dotted #333}
* html body #derecha li {margin:0 0 10px 0;padding:0 0 10px 25px;background:url(/images/accept.gif) left top no-repeat;border-bottom:1px dotted #333}
#derecha p.comment {font-weight:normal;background:#f5f5f5;font-size:11px;line-height:15px;}
#derecha a:link,#derecha a:active,#derecha a:visited{ color: #3B67A9 !important;text-decoration:none;}
#derecha a:hover {color:white !important;background:#3B67A9 !important}

a.pdf,a.pdf:hover{display:inline-block;width:220px;height:36px;background:#FFF url(/images/pdf.gif) no-repeat !important;padding:22px 0 15px 0;text-indent:65px;float:left;margin:0 0 0 10px;}

#abajo {float:left;display:inline;background:#bdbdbd url(/images/bg-pie.jpg) top center repeat-x;margin:0;width:100%;}
#abajo p.copy {width:940px;margin:20px 0 0 40px;font-size:11px;color:#000;float:left;text-align:left;}
#abajo p.imagenes{margin:10px 40px 0 0;float:right;padding:7px 10px;}
#abajo p.imagenes img{border:0;margin:0 0 0 10px;}

#abajo #base {width:980px;margin:50px auto 0 auto;font-size:11px;}
#abajo #amigos,#abajo #mislinks,#abajo #meven{display:inline;float:left;margin:25px 40px 0 40px;width:240px}

#abajo a,#abajo a:hover{color:#000;text-decoration:none;}

#abajo h1{color:#000;font-size:15px;font-weight:normal;text-align:left;font-family:Arial, sans-serif;border-bottom:1px dotted #333;padding:0 0 10px 0}
#amigos p,#mislinks p{width:240px;height:40px;line-height:40px;border-bottom:1px dotted #333;text-align:left;}
#meven p{width:120px;height:40px;line-height:40px;border-bottom:1px dotted #333;text-align:left;float:left}
#amigos p:hover,#mislinks p:hover,#meven p:hover{background:url(/images/bgtip.png)}
#base img:hover{border:1px solid  #333;}
#amigos img,#mislinks img,#meven img{border:1px solid #999;padding:2px;background:#fff;width:20px;height:20px;margin:0 10px 0 0;vertical-align:middle;}
#mislinks{margin-left:40px !important;margin-right:40px !important;}




/* panel admin */
#base2{width: 980px;float:left; display:inline;margin: 20px auto;padding: 0px;text-align: center;font-size:12px;}
#base2 p{color: #fff;font-weight: normal;padding: 20px 0 !important;font-family:Arial; font-size:12px;}

#base2 a:link, #base2 a:visited, #base2 a:active { text-decoration: none; color: #3B67A9; }
#base2 a:hover{ text-decoration: underline; }

#base2 h1{font-family:Georgia;font-size:24px;font-weight: bold;margin: 35px 0 0 0;color:white}
#base2 h2{font-family:Georgia;font-size:18px;font-weight: normal;margin: 35px;color:green}
#base2 h3{font-family:Georgia;font-size:18px;font-weight: normal;margin: 35px;color:red}

#base2 table {margin:25px auto;width:90%;}
#base2 tr{padding: 3px;}
#base2 td{font-family: Arial;font-size: 12px;color: #000;font-weight: normal;padding: 10px;}

#base2 form {margin: 20px auto;width:500px;padding:20px 0}

#base2 fieldset{border:0;padding:0 0 10px 0;text-align:left;font-size: 12px; font-weight: normal;line-height:20px;width:450px;margin:0 auto;color:white}

#base2 input, #base select  { background: #FFF; border: 1px solid #2c2d29; color: #000;width:440px;float:left;margin:0;
font-family: Arial,Helvetica,Verdana; font-size: 12px; font-weight: normal;padding: 5px;overflow:visible;}

#base2 input:hover, #base select:hover  { background: #f5f5f5}

.enviar {width:150px !important;background:#2c2d29 !important;color:white !important;}

#base2 textarea  { background-color: #FFF; border: 1px solid #2c2d29; color: #000;width:440px;float:left;height:150px;
font-family: Arial,Helvetica,Verdana; font-size: 12px; font-weight: normal;padding: 5px;overflow:visible}

#search {width:301px;height:102px;overflow:hidden;background:url(/images/bgbuscador.png) no-repeat top left;position:absolute;top:-74px;left:50%;margin:0 0 0 -490px}

.btn-slide{display:block;width:42px;height:28px;text-decoration:none !important;float:left;}

#pageflip {right: 0; top: 0;float: right;}
#pageflip img {width: 50px; height: 52px;z-index: 99;position: absolute;right: 0; top: 0;/*-ms-interpolation-mode: bicubic;*/border:0;}
#pageflip .msg_block {width: 50px; height: 50px;overflow: hidden;position: absolute;right: 0; top: 0;background: url(/images/suscribe.png) no-repeat right top;}
* html body #pageflip .msg_block {width: 50px; height: 50px;overflow: hidden;position: absolute;right: 0; top: 0;background: url(/images/suscribe.gif) no-repeat right top;}

.caption {color: #fff;padding: 0.6em;font-weight: normal;font-size: 11px;display: none;
	
	/* remove these 4 lines below if you want 
	the caption to span the whole width of the 
	image*/
	width: 100%;
	text-align: center;
	
	/* background / transparency */
	background: #000000;
	/*opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;*/
}

.caption a {border: 0 none;text-decoration: none !important;background: #000000;padding: 0.3em;}
.caption a:hover {background: #202020;}
.caption-wrapper {float: left;}
br.c { clear: both; }
/* fin slider */