﻿/*

Theme Name: CVP 2012

Theme URI: http://wordpress.org/

Description: CVP Theme.

Version: 1.0

Author: CVP + ZOOlab

Author URI: http://www.originalcvp.cl

Tags: CVP



	CVP

	http://www.zoolab.cl/



	This theme was designed by CVP and built by ZOOlab



*/





/* Begin Typography & Colors */

html, body{

	height:100%;

}

form, div, li, ul, h1, h2, h3, h4, h5, h6, p, ol, table, body{

	margin:0px;

	padding:0px;

}

img a, a img{

	border:none;

	outline:0;

	text-decoration:none;

}

a{

	outline:0;

}

a:hover img, .btn_cerrar:hover{

	filter:alpha(opacity=70);

	-moz-opacity:0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

}

.clearfloat {

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

body{

	font-size:12px;

	font-family:'Helvetica W01 Light', Helvetica, Arial, sans-serif;

	color:#808080;

	line-height:18px;

	background:#fff url(img/general/fondo.jpg) top center;

	padding-top:30px;

}



header, #banner, #calugas_bttm, footer, #contenidos{

	width:960px;

	position:relative;

	margin:0 auto;

}

.logo{

	width:208px;

	height:87px;

	background-image:url("img/general/cvp.png");

	

	float:left;

}

header ul{

	float:right;

	text-align:right;

	width:825px;

	padding-top:10px;

	margin-bottom:12px;

}

header ul li{

	list-style:none;

	display:inline;

	

}

#top ul li ul {

	

}

header ul li ul{

	float:none;

	text-align:right;

	width:auto;

	padding-top:0px;

	margin-bottom:0px;

	display: none; /* De lo que hablábamos */

	position: absolute; /* Muy importante */

	margin: -18px 180px; /* Lo colocamos donde queremos */

	.margin: -18px 180px; /* Hacks para colocarlo bien en ie */

	_margin: -18px 180px;

	width:410px;

}

header ul li:hover ul {

	display: block;

}

.li_areas{

	overflow:hidden;

}

header ul li a{

	font-size:11px;

	color:#808080;

	text-decoration:none;;

	margin-right:12px;

	padding-right:12px;

	border-right:1px solid #AFE3FA;

}

header ul li a:hover, header ul li ul li a:hover, header ul li.presel ul li a:hover{

	/*color:#999!important;*/

	color:#1DAFEC;

	

}

header ul li.carro a{

	color:#FFF;

	padding-left:6px;

	padding-right:6px;

	border-right:none;

	margin-right:0px;

	background-color:#1DAFEC;

}



header ul li.presel a{

	background:#B3B3B3 url(img/general/bg_presel.gif) right repeat-y;

	color:#fff;

}

header ul li.presel ul li a{

	background:none;

	color:#808080;

}

header ul li.selected a, header ul li ul li.selected a{

	color:#1DAFEC;

}



/*BANNER*/

#banner{

	border:1px solid #f4f4f4;

	width:960px;

	height:400px;

	margin-top:0px;

	margin-bottom:16px;

	margin-left:auto;

	margin-right:auto;

	overflow:hidden;

	background-color:#fff;

	display:block;

}

#banner li{

	width:960px;

	height:400px;

}

#banner li a{
	float:left;
	display:block;

	width:960px;

	height:400px;

}

.interior #banner{

	background-color:#B3B3B3;

}

#nav_foto{

	text-align:right;

	position:absolute;

	top:505px;

	z-index:200000000000;

	width:930px;

	left:50%;

	margin-left:-465px;

}

#navs{

	border-radius:6px;

	background: rgba(255, 255, 255, 0.8);

	/*box-shadow: 1px 1px 2px #666;*/

	padding-right:4px;

	padding-left:5px;

	height:13px;

	padding-top:0px;

	float:right;

	line-height:0px;

}

.link_1, .link_2, .link_3, .link_4, .link_5, .link_6, .link_7, .link_8, .link_9, .link_10, .link_11, .link_12, .link_13, .link_14, .link_15{

	display:inline-block;

	margin-right:0px;

	width:7px;

	height:9px;

	margin-top:2px;

	background:url(img/general/dot_gris.png) top center no-repeat;

}

.link_1.selected, .link_2.selected, .link_3.selected, .link_4.selected, .link_5.selected, .link_6.selected, .link_7.selected, .link_8.selected, .link_9.selected, .link_10.selected, .link_11.selected, .link_12.selected, .link_13.selected, .link_14.selected, .link_15.selected{

	background:url(img/general/dot_naranjo.png) top center no-repeat;

} 



a.video{

	display:block;

	width:960px; 

	height:400px;	

	}

a.video img{

	margin-top:157px;

	margin-left:437px;

	opacity:50%;

	-webkit-filter: drop-shadow(0px 1px 5px rgba(0,0,0,0.5));

    filter: url(#drop-shadow);

    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#444')";

    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#444')";

}



a.video img :hover{

	opacity:25%;

}



/*CONTENIDOS*/

#contenidos{

	width:930px;

	padding-right:30px;

	padding-top:20px;

	padding-bottom:20px;

}

#contenidos.clientes{

	padding-top:0px;

}

/*SIDEBAR*/

#sidebar{

	width:190px;

	float:left;

	margin-right:30px;

	padding-right:30px;

	padding-left:30px;

	border-right:1px solid #CCC;

	font-size:14px;

	padding-bottom:20px;

}

#sidebar ul li{

	list-style:none;

	margin-bottom:10px;

}

#textos{

	float:left;

	width:630px;

}

#textos.textos_cvp{

	padding-left:35px;

	width:585px;

	padding-right:10px;

}

/*TEXTOS*/

.cont_banner{

	margin-top:260px;

	width:365px;

	text-align:justify;

	margin-left:40px;

	font-size:11px;

}

.cont_multimedia{

	position:absolute;

	width:960px;

	top:-72px;


}

/*CONTACTO*/

#sidebar.sidebar_contacto{

	width:390px;

	padding-right:20px;

}

#sidebar.sidebar_contacto .columna1, #sidebar.sidebar_contacto .columna2{

	float:left;

}

#sidebar.sidebar_contacto .columna1{

	margin-right:30px;

}

#sidebar.sidebar_contacto a{

	text-decoration:none;

}

#textos.textos_contacto{

	width:450px;

	font-size:11px;

}



/*CLIENTES*/

.tabla_clientes{

	background:#FFF;

	border:2px solid #F7F7F7;

}

.tabla_clientes td{

	padding:0px!important;

}

.tabla_clientes a{

	/*cursor:default;*/

	display:block;

	height:157px;

	overflow:hidden;

}

.tabla_clientes a:hover img{

	margin-top:-157px;

	filter:alpha(opacity=100);

	-moz-opacity:1;

	-khtml-opacity: 1;

	opacity: 1;

}



/*CALUGAS*/

#calugas_bttm{

	width:960px;

}

#calugas_bttm a{

	float:right;

	margin-left:15px;

	border:1px solid #f4f4f4;

	width:308px;

	height:212px;

	overflow:hidden;

}

#calugas_bttm a.nomargen{

	margin-left:0px;

}

#calugas_bttm a:hover img{

	filter:alpha(opacity=100);

	-moz-opacity:1;

	-khtml-opacity: 1;

	opacity: 1;

	margin-top:-212px;

}



/*FOOTER*/

footer{

	margin-top:15px;

	padding-top:15px;

	border-top:2px solid #E6E6E6;

	font-size:10px;

	color:#808080;

	letter-spacing:1px;

	height:40px;

}

footer.footer_top{

	margin-top:0px;

}

.txt_footer{

	float:left;

}

.redes{

	display:block;

	width:20px;

	height:20px;

	overflow:hidden;

	float:right;

	margin-top:-3px;

}

.redes.tw{

	margin-left:10px;

}

.redes:hover img{

	position:relative;

	top:0px;

}

.redes:hover img{

	top:-20px;

}



/*DEFS*/

h1{

	font-size:25px;

	color:#1DAFEC;

	font-family:'HelveticaNeueW01-UltLt', Helvetica, Arial, sans-serif;

	margin-bottom:20px;

	font-weight:normal;

}

.h1_areas{

	float:left;

}

h2{

	font-size:14px;

	color:#808080;

	font-weight:normal;

}

h3{

	font-size:12px;

	color:#333333;

	font-weight:normal;

}



h4{

	font-size:12px;

	color:#808080;

	margin-bottom:30px;

	font-weight:normal;

}

h5{

	font-size:15px;

	font-weight:normal;

	font-style:italic;

	color:#00AEEF;

	text-align:center;

}

p{

	margin-bottom:20px;

	text-align:justify;

}

.link_book{

	display:block;

	padding-left:4px;

	padding-right:4px;

	background-color:#CCC;

	color:#B2B2B2;

	text-decoration:none;

	color:#FFF!important;;

	margin-left:10px;

	font-family:'Helvetica W01 Light', Helvetica, Arial, sans-serif;

	font-size:11px;

	line-height:14px;

	text-transform:uppercase;

	margin-top:4px;

	float:left;

}

.link_book:hover{

	background-color:#1DAFEC;

	color:#FFF!important;

}

#contenidos a, footer a{

	color:#808080;

}

footer a{

	text-decoration:none;

}

#contenidos a:hover, footer a:hover{

	color:#00AEEF;

}

table td{

	padding:4px;

	vertical-align:top;

}

.input{

	border:1px solid #E5E5E5;

	font-size:12px;

	font-family:Helvetica, Arial, sans-serif;

	color:#333;

	padding:3px;

	width:150px;

}

textarea.input{

	height:120px;

	width:380px;

}

.btt{

	font-family:Helvetica, Arial, sans-serif;

	font-weight:normal;

	font-size:11px;

	color:#fff;

	background-color:#00AEEF;

	border:1px solid #00AEEF;

	padding:5px;

	padding-top:1px;

	padding-bottom:1px;

	margin-top:77px;

	

}

.a12{

	font-size:12px;

}

.a11{

	font-size:11px;

}

small{

	font-size:10px;

	color:#CEAF7E;

}

.celeste{

	color:#00AEEF;

}