@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; border: none; }

/*** Reset ***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,label,select,textarea,p,blockquote,th,td
{ 
	margin:0;
	padding:0;
}
body {
	background:url(../images/background.jpg) repeat scroll 0 0 transparent; 
}
.clr{ /* BASIC CLEAR FIX*/
clear:both;
}

div.clear{ /* Special Div for Firefox for background height fix*/
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 0;
}
html {
	height:100%;
	/*overflow-y:scroll;*/
}
/*p{
	letter-spacing:1px;
}*/
/*Fonts Myriad Pro*/

@font-face{
	font-family: 'MyriadPro-Semibold';
	src: url('../fonts/myriadpro-semibold-webfont.eot');
	src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/myriadpro-semibold-webfont.woff') format('woff'), 
		 url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
		 url('../fonts/myriadpro-semibold-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular-webfont.eot');
    src: url('../fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
         url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-regular-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../fonts/myriadpro-bold-webfont.eot');
    src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-bold-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadPro-It';
    src: url('../fonts/myriadpro-it-webfont.eot');
    src: url('../fonts/myriadpro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-it-webfont.woff') format('woff'),
         url('../fonts/myriadpro-it-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-it-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Normal link */

a:hover{
	text-decoration: none;
}

img {
    border: 0 none;
    display: block;
}
.work_expand {
	position: relative;
	overflow: hidden;
	height: 199px;
}
body#works .work {
	margin-bottom: 3px;
	position: relative;
}
#all_works h2 {
	width: 84px;
	height: 22px;
	background: url(../img/title-works.gif);
}
#main_million {
	width: 843px;
	min-height: 500px;
	margin-left:137px;
	padding-top: 130px;
}
#container {
    margin: 0 auto;
    position: relative;
    /*width: 1116px;*/
	width: 969px;
	z-index:1;
}
#container_index {
    margin: 0 auto;
    position: relative;
    width: 1120px;
	margin-top:80px;
	z-index:1;
}
#container h1 {
	position: absolute;
	top: 10px;
	left: 135px;
	width: 845px;
	height: 117px;
	background: url(../images/logo_sonata.png) no-repeat left;
	z-index: 200;
}
#container h1 a {
	display: block;
	width: 182px;
	height: 117px;
	text-indent: -9999px;
}
#header_slogan{
	position: absolute;
	top: 10px;
	left: 320px;
	width: 645px;
	height: 117px;
	z-index: 200px;
}
.slogan{
	font-family: 'MyriadPro-It', "Arial", sans-serif;
	font-size:14px;
	padding-top:10px;
	color:#333;
	/*color:#FFF;*/
	}
nav {
	display: block;
	position: absolute;
	top: 130px;
	left: 0;
	width: 127px;
	list-style: none;
	z-index: 300;
}
nav a {
	display: block;
	/*overflow: hidden;
	float: left;*/
	text-decoration:none;
	font-family: 'MyriadProRegular', serif;
	font-size:16px;
	text-align:right;
	color:#333;
	/*color:#FFF;*/
	clear: both;
}
nav a span {
	display: block;
	/*overflow: hidden;
	width: 0;*/
}
nav a:hover{
	display:block;
	background:#FF0;
	/*color:#000;*/
}
.selected{
	display:block;
	background:#FF0;
	/*color:#000;*/
}

#content {
	position: relative;
	z-index: 200;
}
#content h2 {
	height: 22px;
	text-indent: -9999px;
}
#content h2 a {
	display: block;
	height: 22px;
}
#work_visu_container {
	position: relative;
}

#work_visu {
	display: block;
	width:832px;
	height:359px;
	border: 5px solid #FFF;
	margin-bottom: 3px;
}
#work_visu .visu {
	width:832px;
	height:359px;
}

.col {
	float: left;
	padding-right: 3px;
}

.col3 {
	padding: 0;
}
.nivo-controlNav {
	display: none;
}

#container .nivo-directionNav {
	position: absolute;
	bottom: 10px;
	left: 10px;
	height: 26px;
	width: 58px;
	z-index: 999;
}
#container .nivo-directionNav a {
	width: 26px;
	height: 26px;
	text-indent:-9999px;
	position: static;
	top: 0;
}
#container .nivo-directionNav a.nivo-prevNav {
	float: left;
	background: url(../images/arrow-left.png);
}
#container .nivo-directionNav a.nivo-nextNav {
	float: right;
	background: url(../images/arrow-right.png);
}
#main_work {
	display: none;
}
.box_container {
	overflow: hidden;
}
.box {
	width: 279px;
}
.box_double {
	width: 561px;
}
.box_inner {
	/*background: #FFF;*/
	padding: 5px;
	background:url(../images/img_barra.jpg) no-repeat #FFF bottom left ;
}
.box_inner2 {
	background: #FFF;
	position:relative;
	padding: 5px;
	height: 397px;
}
.box_inner3 {
	background:url(../images/fondo2.jpg) #FFF no-repeat bottom right;
	position:relative;
	padding: 5px;
	height: 397px;
}
.box_inner4{
	position:relative;
	padding: 5px;
	height: 186px;
	background:#FFF;
}
.box_inner5 {
	/*background:#FFF;*/
	background:url(../images/img_despliega.jpg) #FFF no-repeat bottom right;
	position:relative;
	padding: 5px;
	height: 396px;
}
.caja_top{
	background: #FFF;
	position:relative;
	padding: 5px;
	height: 192px;
}
.caja_bottom{
	background: #FFF;
	position:relative;
	margin-top:3px;
	padding: 5px;
	height: 192px;
}
.work_description{
	padding: 15px 5px 0;
	/**/
	
}
.work_description h3, .caja_describe h3 {
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 5px;
	padding-left:20px; padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1075bd;
}

/*.work_description h3 a {
	text-decoration: none;
	color: #000;
}*/
/*.work_description h3 a:hover {
	color: #666;
}*/
/*.work_description h3 span, .work_description h3 strong {
	display: block;
}*/
/*.work_description h3 span {
	font-family: 'MyriadProRegular', "Arial", sans-serif;
}*/
/*.work_description h3 strong {
	font-family: "HelveticaNeueLTPro-BdCn", "Helvetica", "Arial", sans-serif;
	font-family:Arial, Helvetica, sans-serif;
}*/
/*.work_description h4 {
	font-family: 'MyriadProRegular', "Arial", sans-serif;
	font-weight: normal;
	font-size: 2em;
	line-height: 0.9em;
	text-transform: uppercase;
}
.work_description h5 {
	font-family: 'MyriadProRegular', "Arial", sans-serif;
	font-weight: normal;
	font-size: 2em;
	line-height: 0.9em;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.work_description p, .post_description p {
	font-family: "Times New Roman", serif;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #666;
	margin-bottom: 7px;
}*/
.work_description p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	line-height: 1.2em;
	margin-bottom: 0px;
}
.margen_parrafo{
	padding-left:20px; padding-right:20px; padding-top:20px;
}
.margen_parrafo2{
	padding-left:20px; padding-right:20px;
}
.margen_parrafo3{
	padding-left:10px; padding-right:5px; padding-top:20px;
}
.mas{
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	left:185px;
    font-style:italic;
	bottom: 25px;
	text-decoration:none; 
	color:#1075bd;
}
.work .more {
	position: absolute;
	bottom: 34px;
	right: 0;
}
#work_details #row1, #work_details #row2, #work_details #row3 {
	margin-bottom: 3px;
	height: 395px;
	overflow: hidden;
}
#work_details #row1 .col3 .box {
	margin-bottom: 3px;
}
#work_details #row1 .col1 .box_inner {
	height: 385px;
	position: relative;
}
#work_details #row1 .col1 .box_inner .tags {
	bottom: 5px;
}
#work_details #row1 .col1 .box_inner h3 {
	font-size: 3em;
	line-height: 0.9em;
	margin-bottom: 10px;
}
#work_details #row1 .col1 .box_inner h4 {
	margin-bottom: 5px;
	font-size: 1.1em;
	font-family: 'MyriadProRegular', "Arial", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
#work_details #row1 .col1 .box_inner h4 strong {
	font-weight: normal;
}
#work_details #row1 .col1 .box_inner h4 span {
	color: #CC0000;
}
#work_details #row2 .col1 .box {
	margin-bottom: 3px;
}
#work_details .col23 {
	padding: 0;
}
#work_details #row2 .col23 .work_description {
	padding-top: 7px;
}
#work_details #row2 .col23 .box_inner {
	height: 385px;
}
.visu {
	display: block;
	width: 269px;
	height: 186px;
	overflow: hidden;
}
.parrafo_italica{
	font-family: 'MyriadPro-It', "Arial", sans-serif;
	font-size:14px;
	padding-top:15px;
	color:#333;
	text-align:center;	
	
}
.parrafo_italica2{
	font-family: 'MyriadPro-It', "Arial", sans-serif;
	font-size:12px;
	padding-top:10px;
	padding-left:60px;
	color:#333;
	text-align:left;	
	
}
.parrafo_opciones{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#333;
	
}
footer {
	clear: both;
	padding-top: 25px;
	display: block;
	height: 65px;
	font-size: 1em;
	line-height: 25px;
	color: #666;
	/*color:#FFF;*/
	font-family:Arial, Helvetica, sans-serif;
}
footer span {
	color: #666;
	/*color:#FFF;*/
	font-size:12px;
	padding-left:50px;
}
footer img{
	float:right;
}
.btn-enviar{
	width:63px;
	height:26px;
	border:none;
	background-image:url(../images/btn-enviar.png);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:15px;
	margin-left:205px;
}
.input-fondo{
	border:none;
	background:#e7e7e9;
	height:25px;
}
.text-fondo{
	border:none;
	background:#e7e7e9;
}
.parrafo-amarillo{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#D5DD23;
	text-align:left;
}
.parrafo-blanco{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:left;
}
.parrafo-azul{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#6ccef5;
	text-align:left;
}
.thumbnails{
	float:left;
	margin-right:22px;
}
.work_description h5{
	line-height:10px; margin-bottom:0px; padding-left:10px;
	padding-top:15px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#363636;
	padding-right:20px;
	font-size:18px;
	font-weight: normal;
}
.work_description h6{
	line-height:10px; margin-bottom:0px; padding-left:10px;
	padding-top:10px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#acacac;
	font-weight: normal;
	padding-right:20px;
	font-size:18px;
}
hr.linea {
	height: 1px;
	border: 0;
	color: #707070;
	background-color: #707070;
	width: 100%;
	margin-top:25px;
}
.titulo-galeria{
	font-family: 'MyriadProRegular', serif;
	font-size:30px;
	color:#000;
	text-align:center;
	padding:37px;
}
#cudro-gallerias img, #cuadro-fila2 img, #cuadro-fila3 img, #cuadro-fila4 img, #cuadro-fila5 img, #cuadro-fila6 img, #cuadro-fila7 img{
	display:inline;
}
#thumbnail_1, #thumbnail_2, #thumbnail_3, #thumbnail_4, #thumbnail_5, #thumbnail_6, #thumbnail_7, #thumbnail_8, #thumbnail_9, #thumbnail_10, #thumbnail_11, #thumbnail_12, #thumbnail_13, #thumbnail_14{
	width:116px;
	height:116px;
	float:left;
}
#thumbnail_15, #thumbnail_16{
	width:232px;
	height:116px;
	float:left;
}
/*Para Thumbnail1*/
span.img-rollover-1{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-1 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail2*/
span.img-rollover-2{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-2 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail3*/
span.img-rollover-3{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-3 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail4*/
span.img-rollover-4{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-4 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail5*/
span.img-rollover-5{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-5 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail6*/
span.img-rollover-6{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-6 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail7*/
span.img-rollover-7{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-7 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail8*/
span.img-rollover-8{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-8 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail9*/
span.img-rollover-9{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-9 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail10*/
span.img-rollover-10{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-10 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail11*/
span.img-rollover-11{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-11 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail12*/
span.img-rollover-12{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-12 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail13*/
span.img-rollover-13{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-13 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail14*/
span.img-rollover-14{ width: 116px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-14 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail15*/
span.img-rollover-15{ width: 232px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-15 a:hover{ top: -116px; position: relative; }

/*Para Thumbnail16*/
span.img-rollover-16{ width: 232px; height: 116px; overflow: hidden; display: block; position: relative;}
span.img-rollover-16 a:hover{ top: -116px; position: relative; }


.opacity img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}

.fancybox:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
}
.footer-index{
	font-family: 'MyriadProRegular', serif;
	font-size:16px;
}