html, body { margin:0; padding: 0;}
body {background: #0a143b url(images/bg.jpg) center top repeat-x;}
img { border: 0;}
#contenedor { width: auto; height: 900px; margin:0 auto; padding:0; background: url(images/fondo.jpg) center top no-repeat;}
/*// HEAD //*/
#head { width: 960px; height:222px; margin: 0 auto; padding:0;}
/*--Tooltip Styles--*/
.tip {color: #fff;  background:#1d1d1d; display:none; /*--Hides by default--*/padding:10px; position:absolute;	z-index:1000;}
#logo_foto, #botones, #logo, #foto, #col_iz, #col_dr, #comunicate_conmigo, #blog, #tweets { float:left; display:inline;}
#logo_foto { width:216px; height:195px; padding:0; margin:17px 261px 0 20px; overflow:hidden;}
#logo { width:216px; height:84px; margin:0 0 6px 0; padding:0;overflow:hidden;}
#foto { width:112px; height:105px; margin: 0 0 0 55px; padding:0; overflow:hidden;}
#botones { width:379px; height: 47px; padding:0; margin:10px 0 0 0;}
ul#barnav {list-style: none; margin: 0;padding: 0;height: 47px;}
ul#barnav li {float: left;display: inline;height: 47px;margin: 0;}
ul#barnav li a {display: block; height: 47px;text-indent: -999em;}
.inicio a {background: url(images/botones.png) 0 0 no-repeat; width: 73px;margin: 0 0 0 4px;}
.inicio a:hover {background-position: 0 -47px;}
.inicio_rollover a {background: url(images/botones.png) 0 -94px no-repeat; width: 73px;margin: 0 0 0 4px;}
.conoceme a {background: url(images/botones.png) -85px 0 no-repeat; width: 90px;margin: 0 0 0 8px;}
.conoceme a:hover {background-position: -85px -47px;}
.conoceme_rollover a {background: url(images/botones.png) -85px -94px no-repeat; width: 90px;margin: 0 0 0 8px;}
.portafolio a {background: url(images/botones.png) -188px 0 no-repeat; width: 88px;margin: 0 0 0 13px;}
.portafolio a:hover {background-position: -188px -47px;}
.portafolio_rollover a {background: url(images/botones.png) -188px -94px no-repeat; width: 88px;margin: 0 0 0 13px;}
.comunicate a {background: url(images/botones.png) -286px 0 no-repeat; width: 89px;margin: 0 0 0 10px;}
.comunicate a:hover {background-position: -286px -47px;}
.comunicate_rollover a {background: url(images/botones.png) -286px -94px no-repeat; width: 89px;margin: 0 0 0 10px;}
/*// MEDIO //*/
#centro { width:960px; height:363px; margin:0 auto; padding:0;}
/*// IZQUIERDA //*/
#col_iz { width:356px; height: 363px; margin:0 0 0 90px; padding:0;}
#centro h1 { font: italic normal bold 1.05em/1.5em Georgia, "Times New Roman", Times, serif; color:#571e1d; margin:10px 0; }
#centro h2 { font: italic normal bold 0.8em/1.5em Georgia, "Times New Roman", Times, serif; color: #571e1d; margin:10px 0; }
#centro p {font: normal 0.7em/1.5em Georgia, "Times New Roman", Times, serif; color:#34312d; margin: 5px;}
#centro p a {background-color: #FF0; text-decoration: none; color:#34312d; padding: 0 4px;}
#centro p a:hover {color: #34312d; text-decoration: underline;}
#centro p strong { font-weight:bold; line-height:1.5em;}
#centro ul.lista { padding: 0; margin:0;}
#centro ul.lista li { list-style-type: disc; font: normal 0.7em/1.5em Georgia, "Times New Roman", Times, serif; color:#34312d; margin: 5px 10px 5px 25px;}
#centro ul.lista li strong { font-weight:bold; line-height:1.5em;}
/*----------------------*/
/*// Portafolio //*/
.porta {width:350px; height: auto; padding: 0; display:inline; float:left; margin: 5px 0; border-bottom: 1px dashed #333; }
/*----------------------*/
/*// DERECHO //*/
#col_dr { width:388px; height: 363px; margin:0 0 0 31px; padding:0; overflow:hidden;}
/*// Redes sociales//*/
#redessociales {width: 210px; height: 52px; margin: 0 0 0 50px; padding: 7px 0 0 0; }
ul#redes {list-style: none; margin: 0;padding: 0;height: 38px;}
ul#redes li {float: left;display: inline;height: 38px;margin: 0;}
ul#redes li a {display: block; height: 38px;text-indent: -999em;}
.facebook a {background: url(images/redessociales.png) 0 0 no-repeat; width: 39px;margin: 0;}
.facebook a:hover {background-position: 0 -38px;}
.twitter a {background: url(images/redessociales.png) -39px 0 no-repeat; width: 39px;margin: 0 0 0 2px;}
.twitter a:hover {background-position: -39px -38px;}
.wp a {background: url(images/redessociales.png) -82px 0 no-repeat; width: 39px;margin: 0 0 0 2px;}
.wp a:hover {background-position: -82px -38px;}
.in a {background: url(images/redessociales.png) -124px 0 no-repeat; width: 39px;margin: 0 0 0 3px;}
.in a:hover {background-position: -124px -38px;}
.flickr a {background: url(images/redessociales.png) -165px 0 no-repeat; width: 39px;margin: 0 0 0 2px;}
.flickr a:hover {background-position: -165px -38px;}
/*// Slider home//*/
#container {width:386px;padding:0;margin:0;position:relative;z-index:0;background: url(images/slider-bg.png) center top no-repeat;}
#webs {width:362px;height:350px;position:relative;}
#slides {position:absolute;top:15px;/*15px*/left:4px;z-index:100;}
.slides_container {width:362px;height:179px;margin: 6px 0 0 8px;overflow:hidden;position:relative;}
.pagination {margin:15px auto 0 160px;width:100px;}
.pagination li {float:left;margin:0 1px;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(images/pagination.png);
background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
/*// Footer//*/
#footer { width:960px; margin:0 auto; padding:0;}
#copyright { width: 960px;  margin: 0 auto; padding:30px 0;}
#copyright p {color:#FFF; font: normal 0.625em/1.5em Arial, Helvetica, sans-serif; margin: 0 14px; text-align: center; margin-top: 10px;}
#copyright p a {text-decoration: none; color:#cbcf55; line-height: 1.5em; text-decoration:underline;}
#blog { width:249px;  margin: 61px 0 0 60px;}
#blog li { color:#FFF; font: normal 0.7em/1.5em Georgia, "Times New Roman", Times, serif; margin: 5px 14px; padding:0; list-style:none;}
#blog li a {text-decoration: none; color:#cbcf55; line-height: 1.5em; text-decoration:underline;}
#comunicate_conmigo { width:229px; margin: 109px 0 0 62px;}
#comunicate_conmigo p { color:#FFF; font: normal 0.8em/1.5em Georgia, "Times New Roman", Times, serif;}
#comunicate_conmigo p a {text-decoration: none; color:#cbcf55;}
#comunicate_conmigo p a:hover { text-decoration: underline;}
#tweets { width: 249px;  margin: 61px 0 0 42px; line-height:150%;}
#tweets li {margin: 0 0 5px 0; border-bottom: 1px dashed #cbcf55; padding: 0 0 5px 0; }
#tweets li p {line-height: 1.5em; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif;font-size: 0.7em;  }
#tweets a {text-decoration: none; color:#cbcf55;}
#tweets a:hover { text-decoration: underline;}
#tweets  .hash, #tweets  .reply { color:#cbcf55;} 
/*--------------------*/
/*// Formulario //*/
.formulario{ width: 320px; padding: 0; margin: 0; display:inline; float:left;}
.form { width: 320px; padding: 0; margin: 0; display:inline; float:left;}
.form p.contactos {font: normal 1.2em/1em Georgia, "Times New Roman", Times, serif; color:#11653e;margin: 5px 0; font-weight:bold;}
input, textarea {width: 260px;padding: 5px 8px;border: 1px solid #666; outline: 0;background: #fff;}
select {width: 320px; padding: 3px; border: 1px solid #befff8; outline: 0;background: #FFF;}
textarea {max-width: 400px;height: 30px;line-height: 1.5em;}
input:hover, textarea:hover,input:focus, textarea:focus {border-color: #333;}  
INPUT[type="submit"] { width: 100px; height: 24px; cursor:pointer;  background: url(images/btn-consulta.png) no-repeat 0 0; border:none; margin-left:80px; }
INPUT[type="submit"]:hover { background-position: 0 -24px;}
.head {width: 260px; padding: 10px; margin:0; display:inline; float:left;}
.head h1 {font: normal 1.5em/1em Georgia, "Times New Roman", Times, serif; color: #FFF; margin: 0; padding: 0;}
.head p { color:#FFF;}
.errormsg {width: auto; padding: 2px; margin: 0; display:inline; float:left;font: normal normal bold 0.8em/1em Georgia, "Times New Roman", Times, serif; background-color: #F00; color: #FFD2D2;}
/*-----------*/
/*/////////// clearfix ////////*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */