/* CSS Document */

*,html{margin:0;padding:0;}

body{background:url(../img/bg_pagina.gif) repeat  #33302f; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}

ul,ol,dl{margin-bottom:5px;}
li{margin-bottom:2px;}
p{margin-bottom:12px; font-size:11px; text-align:left; line-height:18px;}


a{color:#666; text-decoration:none;}
a:hover{text-decoration:underline; color:#999999;}
a img{border:none;}
a.activo{color:#999999;}

h1, h1 a, h1 a:hover{color:#FFFFFF; font-size:14px; font-weight: 100; line-height:8px; padding-top:8px; text-decoration:none;}
h1 a:hover{color:#ccc; text-decoration:none;}
h2{color:#FFFFFF; font-size:10px; font-weight:normal; line-height:6px;}

/*layout*/
#top { margin:50px 0 80px 50px; width:900px;}
.logo{float:left; margin-right:10px; border:none; text-align:left;}
.contacto{margin-left:480px; font-size:11px;}
.contacto a{color:#fff;}
.contacto a:hover{color:#ccc; text-decoration:none;}

#contenedor{ margin:30px 0 10px 50px; width:900px; padding:0; height:570px;}
.columna-izquierda { float:left; width:150px; padding: 0px 10px 0 55px;}
.columna-izquierda p { padding:0; margin:0;}
.columna-derecha{ width:640px; background-color:#FFFFFF; float:right; padding:5px; margin-top:10px;}
.columna-derecha p {line-height:15px; font-size:11px;}
.columna-derecha-index{ width:610px; background-color:#FFFFFF; float:right; padding:20px 20px 15px 20px; margin-top:10px;}


#footer{margin:0 0 10px 110px; clear:both; float:left;}

/*menú principal*/
.menu{margin:0; padding:0; font-family:Verdana, sans-serif; font-size:11px; line-height:12px; font-weight:normal; list-style:none;}
.menu ul{ list-style:none; cursor:pointer;}
.menu li{cursor:pointer; padding:2px 0 2px 0; }
.menu li a{ color:#ffffff; cursor:pointer; }
.menu li a:hover{ text-decoration:none; color:#cccccc; }
.menu li.active a{ color:#999; }
.menu a { text-decoration:none;}

/*contenidos*/
.work {width:125px; border-bottom:1px solid #999; border-top:1px solid #999; padding:3px 0 3px 0; margin:11px 0 6px 0; color:#ccc;}
.destacado{width:180px; margin-right:20px; margin-left:17px; float:left; border-top:1px solid #dadada; margin-top:10px;}
.destacado-fin{width:180px; float:left; margin-left:10px; border-top:1px solid #dadada; margin-top:10px; }
.destacado-tit{color:#333; padding:0 ; font-size:12px; margin-top:5px;}
.destacado-foto{ border:none; }
.destacado-cont {font-size:10px; color:#666; line-height:12px; text-align:left; margin-top:5px; }


/* Easy Slider */
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}
#slider, #slider li{ 
/* 
define width and height of container element and list item (slide) list items must be the same size as the slider area
*/ 
width:640px; height:460px; overflow:hidden; background:url(../img/bg_works.gif) repeat #efefef; color:#666666; line-height:15px; }
span#prevBtn, span#prevBtn a {  padding-top:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#444; float:left; width:320px; }
span#nextBtn, span#nextBtn a { padding-top:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#444; float:right; text-align:right; width:320px; }
span#prevBtn a:hover, span#nextBtn a:hover{ font-style:none; color:#999; text-decoration:none;}