@charset "utf-8";
/* CSS Document */

/* style for fonts */
@font-face {
	font-family: 'MuseoSans_500';
	src: url('fonts/MuseoSans_500.eot');
	src: local('?'), url('fonts/MuseoSans_500.woff') format('woff'), url('fonts/MuseoSans_500.ttf') format('truetype'), url('fonts/MuseoSans_500.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {overflow-y:scroll; .overflow-y:auto; width: 100%; height: 100%; margin:auto; border:0; padding:0; font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif;}
div {position:relative; font-family: Arial, Tahoma, Helvetica, sans-serif;}
a,img{border: 0px;}
.opacity_0{opacity: 0; filter: alpha(opacity = 0);}
.opacity_1{opacity: 1; filter: alpha(opacity = 100);}
h1{font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 22px; color: #7b756e; line-height: 29px; font-weight: normal; padding-top: 26px;}
h2{font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; color: #EF4123; line-height: 16px; font-weight: normal; margin-bottom: 3px;}
h3{font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #EF4123; line-height: 16px; font-weight: normal; margin-bottom: 3px;}
p{margin-top: 30px;}
#frame_1 ul{padding-left: 16px; margin-top: 0px; list-style-image: none;}
li{position: relative; font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #7b756e; font-weight: normal;}
p{margin-top: 20px;}

.rojo{color: #EF4123;}

#proyectos_listado{position: relative; display: inline-block; width: 100%; margin-top: 40px;}
.proyecto_row{position: relative; display: inline-block; height: 22px; font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; color: #7b756e; line-height: 22px; font-weight: normal; cursor: pointer;}
.proyecto_row:hover{color: #EF4123;}
.proyecto_capa{z-index: 2; font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 14px;}
.proyecto_row .line{position: absolute; display: none; width: 205px; height: 1px; top: 10px; border-top: 3px solid #EF4123;}
.proyecto_row .cam{position: absolute; width: 23px; height: 18px; top: 1px; left: -28px; background-image: url(../im/cam.png);}
.proyecto_row .cam_over{position: absolute; width: 23px; height: 18px; top: 1px; left: -28px; background-image: url(../im/cam_over.png);}

.proyecto_detalle{position: absolute; display: none; z-index: 3; width: 700px; left: 240px; top: 34px; padding-bottom: 20px;}
.proyecto_detalle .logo{display: inline-block; width: 100%; margin-bottom: 50px;}
.proyecto_detalle .col_izq{display: inline-block; width: 190px; float: left; font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; color: #7b756e;}
.proyecto_detalle .col_izq ul{color: #FF0000;}
.proyecto_detalle .col_der{display: inline-block; float: right; width: 490px;}
.proyecto_detalle .col_der .imagen{margin-bottom: 12px;}
.proyecto_detalle .cerrar{position: fixed; width: 35px; height: 35px; left: 240px; bottom: 32px; background-image: url(../im/close.png); cursor: pointer;}
.proyecto_detalle .col_izq a{color: #EF4123; text-decoration: none;}
.proyecto_detalle .col_izq a:hover{color: #EF4123; text-decoration: underline;}

ul{list-style-image:url(../im/bullets2.png); padding-left: 16px; margin-top: -10px;}

#menu{position: fixed; width: 150px; top: 160px; left: 36px; z-index: 2;}
.menu_button{position: relative; display: inline-block; height: 25px; margin-bottom: 2px; padding-left: 10px; padding-right: 10px; font-size: 18px; font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; line-height: 25px; color: #7b756e; cursor: pointer;}
.menu_button:hover{color: #EF4123;}
.menu_button_selected{position: relative; display: inline-block; height: 25px; margin-bottom: 2px; padding-left: 10px; padding-right: 10px; font-size: 18px; font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; line-height: 25px; color: #EF4123; cursor: pointer;}

#frame_1{position: relative; display: inline-block; width: 100%; padding-bottom: 100px;}
#frame_2{position: relative; display: inline-block; width: 100%; padding-bottom: 100px;}
#frame_3{position: relative; display: inline-block; width: 100%; padding-bottom: 100px;}
#frame_4{position: relative; display: inline-block; width: 100%; height: 900px; padding-bottom: 100px;}
.content{position: relative; display: inline-block; width: 750px; margin-top: 30px; margin-left: 240px;}
.content .columna{position: relative; display: inline-block; float: left; width: 360px; font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; color: #7b756e;}
.content .columna_contacto1{position: relative; display: inline-block; float: left; width: 203px; margin-top: 45px; font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; color: #7b756e;}
.content .columna_contacto1 a{font-family: 'MuseoSans_500', Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; color: #7b756e; text-decoration: none;}
.content .columna_contacto1 a:hover{text-decoration: underline;}
.content .columna_contacto2{position: relative; display: inline-block; float: left; width: 496px; height: 361px; margin-top: 45px; background-color: #FFF;}
.content .logos{position: relative; display: inline-block; float: left; margin-top: 30px;}

.thumbs{display: none; position: absolute; left: 205px; z-index: 2;}
.thumb_pic{float: left; border: 3px solid #EF4123;}