@charset "utf-8";
/* CSS Document */
/*
R E S E T (Por Eric Meyer)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
gborder-collapse: collapse;
gborder-spacing: 0;
}
a img {
border:none
}
/*
C L A S E S P R E S E N T A C I O N A L E S
*/
.aligncenter {
display:block;
margin:0 auto
}
.alignleft {
float:left;
display:inline;
}
.alignright {
float:right;
display:inline;
}
br.clear {
clear:both;
display:block;
height:1px;
margin:-1px 0 0 0;
}
/*
E S T I L O S G E N E R A L E S
*/
html, body {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
display:block;
}
body {
color:#433f3f;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 13px;
line-height:normal;
text-align: left;
background-color: transparent;
}
h1, h2, h3, h5, h5, h6 {
font-weight:normal;
}
p {
line-height:normal;
}
strong {
font-weight:bold;	
}

a:link, a:visited {
text-decoration: none;
color:#433f3f;
}
a:hover {
text-decoration: none;
color:#c90024;
}
.wrapper{
width:1124px;
margin: -1px auto; 
display:block;
}
.mida_max {
width:100%;
margin:0 auto 0 auto;
display:block;
height: auto !important;
min-height: 100%;
position:relative;
}
#top { position:absolute; right:0px; top:15px; z-index:10; }
#top a{ color:#bababa; text-decoration: none; margin-left:10px; font-size:12px;}
#top a:hover, #top a.act{ color:#605959;}
#left { float:left; display:inline; width:190px; margin-top:25px; }
#left .logo{ display:inline; margin-left:14px; }
#left .logo span{ display:block; font-size:15px; font-weight:bold; margin-left:15px; margin-top:10px; }
#left .menu{ margin-top:10px; margin-left:15px;}
#left .menu li{ padding-top:7px; cursor:pointer; }
#left .menu li#menu_1{ padding-top:15px;}
#left .menu li#menu_4{ padding-bottom:10px;}
#left .menu ul{ margin-left:15px; display:none;}
#left .menu ul ul{ margin-left:15px; display:none;}
#left .menu li.act li span, #left .menu li.act li.act li span{ color:#433f3f;}
#left .menu li.act span, #left .menu li.act li.act span, #left .menu li.act li.act li.act span, #left .menu li.act a{ color:#c90024;}
#left .menu li span:hover, #left .menu li.act li span:hover{ color:#c90024;}
#left .contact{ width:130px; border-top:1px solid #afacac; font-size:11px; color:#605959; line-height:17px; padding-top:5px; margin-left:15px; margin-top:25px;}

/* INTERIOR */
#cont{ float:right; display:inline; width:900px; padding:35px 0;}

/* home */
#cont.home li{ float:left; width:135px; height:190px; margin-left:15px; margin-top:10px;}
#cont.home li p{ display:block; font-size:12px; margin-top:5px; font-weight:bold;}
#cont.home li p span{ font-size:11px; color:#605959; font-weight:normal;}

/* presentacion */
#cont.presentacion{ position:relative; padding-bottom:0;}
#cont.presentacion img{ float:left; margin-top:20px;}
#cont.presentacion .txt{ width:530px; position:absolute; bottom:0; right:0; text-align:justify;}
#cont.presentacion .txt p{ margin-top:15px; line-height:18px;}

/* carroussel */
#cont #mycarousel_slide{ position:relative; width:816px; }
#cont #mycarousel_slide .jcarousel-clip{ width:700px; margin:0 auto;}
#cont #mycarousel_slide ul {  }
#cont #mycarousel_slide li { width:700px; gposition:relative; text-align:center; }
#cont #mycarousel_slide li h3{ position:absolute; color:#fff; font-size:36px; font-weight:bold; line-height:36px; margin:18px 21px;}
#cont #mycarousel_slide li h3 span{ display:block; font-size:24px; line-height:35px; font-weight:normal;}
#cont #mycarousel_slide li .img{ margin:0 auto;}
#cont #mycarousel_slide li .img a{ display:block; width:21px; height:21px; margin-top:10px; background:url(../img/plus.png) no-repeat left top; text-align:left;}
#cont #mycarousel_slide li .img p{ text-align:left; font-size:12px; margin-top:7px; margin-left:1px; font-weight:bold;}
#cont #mycarousel_slide li .img p span{ font-size:11px; color:#605959; font-weight:normal;}
#cont #mycarousel_slide .controls { position:absolute; top:565px; display:table; width:834px; padding-bottom:50px;}
#cont #mycarousel_slide .controls div { margin-top:5px; }
#cont #mycarousel_slide .controls a { width:80px; height:80px; padding-top:20px; display:block; float:left; margin-right:12px; cursor:pointer; }

#cont #mycarousel_slide .jcarousel-prev,
#cont #mycarousel_slide .jcarousel-next{ display:block; width:38px; height:103px; background-image:url(../img/arrows.png); cursor:pointer; position:absolute; top:180px;}
#cont #mycarousel_slide .jcarousel-prev{ background-position: left top;}
#cont #mycarousel_slide .jcarousel-next{ background-position: left bottom; right:0;}


/* exposiciones */
#cont.expos li{ float:left; width:286px; height:200px; margin-left:14px; margin-top:10px;}
#cont.expos li p{ font-size:12px; margin-top:10px; font-weight:bold;}
#cont.expos li span{ font-size:11px; color:#605959; font-weight:normal;}
#cont.expos{ position:relative; padding-bottom:0;}
#cont.expos img.detail{ float:left; margin-top:20px;}
#cont.expos a.back{ color:#c90024;}
#cont.expos a.back:hover{ text-decoration:underline;}
#cont.expos .txt{ width:270px; position:absolute; bottom:0; right:0; text-align:left;}
#cont.expos .txt div{ font-size:12px; margin-top:20px;}