/* CSS Document */

/*--------------------------------- ESTILOS GENERALES ------------------------------------------*/

body {background-color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #3D3D45;}
.wrap {margin: 0 auto; width: 960px;}
.col2 {float: left; width: 630px; margin-right: 30px;}
.col3 {float: left; width: 300px; margin-right: 30px;}
.last-col {margin-right: 0;}
.content {width: 100%; margin-top: 15px; float: left; box-shadow: 0px 0px 10px #cccccc inset; padding-bottom: 25px; background: url(../images/separador_galeria.png) repeat-x left bottom; margin-bottom: 20px;}
.content h1 {font-size: 32px; font-weight: 300; color: #5FBCD1; text-transform: uppercase; border-bottom: dotted 1px #ACE6E2; padding-bottom: 10px; margin-bottom: 15px; padding-top: 25px;}
.content p {float: left; width: 450px; font-size: 14px; font-weight: 600; color: #3D3D45; padding-bottom: 15px;}
.content h2 {font-size: 18px; font-weight: 600; color: #3D3D45; padding-bottom: 20px;}
.content img {float: right;}

/*-------------------------------------ENCABEZADO-----------------------------------------------*/

#header {width: 100%; float: left; background-color: #fff;}
.top .logo{float: left; margin: 49px 0;}
.top .contacto {float: right; display: block; text-align: right; font-size: 12px; color: #777480;}
.top .contacto a {float: right; margin-top: 40px; width: 90px; background: #C4C2CC url(../images/contacto.png) no-repeat 8px 7px; color: #fff; font-size: 15px; padding: 3px 5px; margin-bottom: 8px; transition-property: background, width; -moz-transition-property: background, width; -webkit-transition-property: background, width; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
.top .contacto a:hover {background: #3D3D45 url(../images/contacto.png) no-repeat 8px 7px; width: 100px;}
.top .contacto .tel {display: block; clear: right; margin-bottom: 5px; color: #5FBCD1; font-size: 16px; background: url(../images/tel.png) no-repeat 60px 5px;}

/*-----------------------------------MENÚ PRINCIPAL--------------------------------------------*/

#menu {width: 100%; float: left; background: #777480 url(../images/fondo_menu.png) repeat-x;}
#nav {width: 960px; margin: 0 auto;}
#nav ul {list-style:none;}
#nav ul li {display:inline; float:left;}
#nav ul li a {display:block; color:#ffffff; font-size:14px; padding: 14px 11px; text-transform: uppercase; background: transparent url(../images/bot_menu_top.png) no-repeat center -10px; transition-property: background; transition-duration: 0.4s; -moz-transition-property: background; -moz-transition-duration: 0.4s; -webkit-transition-property: background; -webkit-transition-duration: 0.4s; }
#nav ul li a:hover {color: #FFC800; background: #3D3D45 url(../images/bot_menu_top.png) no-repeat center 0px;}
.activo {display:block; font-size:14px; padding: 14px 11px; text-transform: uppercase; color: #FFC800!important; background: #3D3D45 url(../images/bot_menu_top.png) no-repeat center 0px!important;}
.sublinks {padding-top: 28px;}
#nav ul li.sublinks a {color:#fff; font-size: 13px; padding: 10px 10px 10px 17px; text-transform: uppercase; border-bottom: 1px dotted #A29FAB; background: url(../images/fondo_submenu.png); display:block; width:190px; transition-property: none!important;}
#nav ul li.sublinks a:hover {color: #FFC800; background: #3D3D45 url(../images/bot_menu_left.png) no-repeat 5px 15px!important; background-repeat: no-repeat; background-position: 0px center;}
#nav ul li.sublinks {display:none; float: left;}

/*-----------------------------------MENÚ GALERÍAS---------------------------------------------*/
#submenu {width: 100%; float: left; background: #EFEEF2; box-shadow: 0px 0px 10px #999 inset; }
#submenu ul {width: 960px; margin: 0 auto; list-style-type: none;}
#submenu ul li {display: inline;}
#submenu ul li a {float: left; padding: 13px; color: #3D3D45; font-size: 13px; text-transform: uppercase; transition-property: background; transition-duration: 0.4s; -moz-transition-property: background; -moz-transition-duration: 0.4s; -webkit-transition-property: background; -webkit-transition-duration: 0.4s; background: transparent url(../images/bot_submenu_top.png) no-repeat center -15px;}
#submenu ul li a:hover {background: #C4C2CC url(../images/bot_submenu_top.png) no-repeat center top;}
#submenu .activo_sub {float: left; padding: 13px; color: #3D3D45; font-size: 13px; text-transform: uppercase; background: #C4C2CC url(../images/bot_submenu_top.png) no-repeat center top;}

/*--------------------------------------SLIDER-------------------------------------------------*/

#slider_container {width: 100%; height: 350px; overflow: hidden; float: left; background: #EFEEF2; box-shadow: 0px 0px 10px #999 inset; position: relative;}
#slider {width: 960px; margin: 0 auto; text-align: left; border-left: 1px dotted #545454; border-right: 1px dotted #545454;}
.prevBtn, .nextBtn {display:block; position: absolute; width:30px; height:70px; z-index:1000; background:url(../images/slider_prev.png) no-repeat 0 0; cursor:pointer;}				
.prevBtn {left: 11%; top: 150px;}									
.nextBtn{right: 11%; top: 150px;}
.nextBtn {background:url(../images/slider_next.png) no-repeat 0 0;}

/*--------------------------------------FOOTER-------------------------------------------------*/

#footer {width: 100%; float: left; background: #EFEEF2; box-shadow: 0px 0px 10px #999 inset; padding: 25px 0;}
.map {float: left; list-style-type: none;}
.map li {display: inline; border-right: dotted 1px #A6A6A6;}
.map li a {padding: 0 8px; font-size: 13px; color: #777480; transition-property: color; transition-duration: 0.4s; -moz-transition-property: color; -moz-transition-duration: 0.4s; -webkit-transition-property: color; -webkit-transition-duration: 0.4s;}
.map li a:hover {color: #5FBCD1;}
.map li:last-child {border: none;}
.contact {float: right; color: #777480; font-size: 12px; padding-top: 3px;}
.contact a {color: #777480;}
.contact .telef {background: url(../images/tel_footer.png) no-repeat left center; padding-left: 25px; margin-right: 15px;}
.contact .sobre {background: url(../images/sobre_footer.png) no-repeat left center; padding-left: 28px;}

/*---------------------------------------HOME--------------------------------------------------*/

#home h1 {float: left; width: 960px; background: url(../images/sombra_h1.png) no-repeat center bottom; color: #5FBCD1; font-size: 25px; font-weight: 300; text-transform: uppercase; text-align: center; padding: 20px 0 40px 0; margin-bottom: 20px;}

.destacado {float: left; width: 300px; background: url(../images/sombra_destacado.png) no-repeat center bottom; padding-bottom: 22px; margin-bottom: 10px;}
.destacado h2 {float: left; width: 300px; background: url(../images/fondo_destacado_h2.png) repeat-x center center; font-size: 19px; color: #3D3D45; text-transform: uppercase; text-align: center; padding-bottom: 7px;}
.destacado h2 span {background: #ffffff; padding: 0 5px;}
.destacado a {transition-property: opacity; transition-duration: 0.4s; -moz-transition-property: opacity; -moz-transition-duration: 0.4s; -webkit-transition-property: opacity; -webkit-transition-duration: 0.4s;} 
.destacado a:hover {opacity: 0.8;}

/*-------------------------------------GALERÍAS------------------------------------------------*/

.pikachoose {width: 100%; margin-top: 15px; float: left; box-shadow: 0px 0px 10px #cccccc inset; -moz-box-shadow: 0px 0px 10px #cccccc inset; -webkit-box-shadow: 0px 0px 10px #cccccc inset; padding-bottom: 25px; background: url(../images/separador_galeria.png) repeat-x left 353px;}
.pikachoose .izq {width: 320px; float: left; padding-top: 25px;}
.pikachoose .der {width: 620px; float: left; margin-left: 20px; padding-top: 1px;}
.pikachoose h1 {font-size: 32px; font-weight: 300; color: #5FBCD1; text-transform: uppercase; border-bottom: dotted 1px #ACE6E2; padding-bottom: 10px; margin-bottom: 15px;}
.pikachoose h3 {font-size: 16px; font-weight: 600; color: #3D3D45;}


/*------------------------------------CONTACTO-------------------------------------------------*/

.formulario {font-size: 14px; background-color: #f2f2f2; padding: 20px;}
input, textarea {float: left; width: 400px; color: #3D3D45; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; border: 1px solid #f2f2f2; outlone: none; background-color: #ffffff; transition-property: border, color, background-color;  -moz-transition-property: border, color, background-color; -webkit-transition-property: border, color, background-color; transition-duration: 0.3s; box-shadow: 0px 0px 5px #CCC inset;}
input {height: 35px; padding: 0 5px;}
textarea {height: 100px; padding: 5px;}
input:focus, textarea:focus, input:hover, textarea:hover {border: 1px solid #99DAE8; color: #000;}
.enviar {float: left; width: 100px!important; background-color: #5FBCD1; border: none; outline: none; color: #fff; text-transform: uppercase; letter-spacing: 0.03em; cursor: pointer; margin-top: 10px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.enviar:hover, .enviar:focus {border: none; background-color: #99DAE8; color: #fff;}
.error_strings {background: url(../images/atencion.png) no-repeat 0px 0px; padding-left: 20px; margin-top: 5px; font-size:13px; font-style: italic; font-weight: 600; color:#F00; float: left;}
.contacto {font-size: 19px;}
.contacto.direccion {display: block; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px dotted #999; font-weight: 300;}
.contacto.tel {display: block; padding-left: 35px; margin-bottom: 10px; color: #5FBCD1; font-size: 24px; background: url(../images/tel_contacto.png) no-repeat 3px 8px;}
.contacto.cel {display: block; padding-left: 35px; margin-bottom: 10px; color: #5FBCD1; font-size: 24px; background: url(../images/cel_contacto.png) no-repeat 3px 5px;}
#graciela {background-color: #f2f2f2; padding: 20px; float: left; width: 590px;}
.gracias {font-size: 25px!important; font-weight: 300; text-transform: uppercase;}
.denada {font-size: 18px;}