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

/*
Theme Name: Claro Vicuña Valenzuela
Theme URI: www.andescura.cl
Description: CVV - Claro Vicuña Valenzuela - Empresa Constructora Ingenieros Civiles
Version: 0.1
Author: Tu Padre LTDA. - Sebastian Jeria L.
Author URI: http://www.dada.cl
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b2 | 201101
   NOTE: THIS IS A BETA VERSION (see previous line)
   USE WITH CAUTION AND TEST WITH ABANDON */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* hacks varios, adivinen para q browser… */

html, body, #contenedor {
	min-height: 100%;
	/* 

alto minimo FF y Safari */
     width: 100%;
	height: 100%;
	/* alt

o minimo para IE Windows */
     margin: 0;
	padding: 0;
}

html>body #contenedor {
	height: auto;
/* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */


/* ---Estilos Web--- */
body {
	text-align: center;
	margin: 0;
	padding: 0;
	background:#ccc;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* ---CLASES BACKGROUND--- */
.bg-01 {background: url(../images/slider/interiores/01.jpg) repeat center center fixed;}
.bg-02 {background: url(../images/slider/interiores/02.jpg) repeat center center fixed;}
.bg-03 {background: url(../images/slider/interiores/03.jpg) repeat center center fixed;}
.bg-04 {background: url(../images/slider/interiores/04.jpg) repeat center center fixed;}
.bg-05 {background: url(../images/slider/interiores/05.jpg) repeat center center fixed;}
.bg-06 {background: url(../images/slider/interiores/06.jpg) repeat center center fixed;}
.bg-07 {background: url(../images/slider/interiores/07.jpg) repeat center center fixed;}
.bg-08 {background: url(../images/slider/interiores/08.jpg) repeat center center fixed;}
.bg-09 {background: url(../images/slider/interiores/09.jpg) repeat center center fixed;}
.bg-10 {background: url(../images/slider/interiores/10.jpg) repeat center center fixed;}
.bg-11 {background: url(../images/slider/interiores/11.jpg) repeat center center fixed;}
.bg-12 {background: url(../images/slider/interiores/12.jpg) repeat center center fixed;}
.bg-13 {background: url(../images/slider/interiores/13.jpg) repeat center center fixed;}
.bg-14 {background: url(../images/slider/interiores/14.jpg) repeat center center fixed;}
.bg-15 {background: url(../images/slider/interiores/15.jpg) repeat center center fixed;}
.bg-16 {background: url(../images/slider/interiores/16.jpg) repeat center center fixed;}
.bg-17 {background: url(../images/slider/interiores/17.jpg) repeat center center fixed;}
.bg-18 {background: url(../images/slider/interiores/18.jpg) repeat center center fixed;}
/* ---FIN CLASES BACKGROUND--- */

#wrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

/* ---Estilos Textos--- */

a { color: #4c6ea0; text-decoration: none;}
strong { font-weight: bold; color: #000;}

/* ---HEADER--- */
#header-bg {
	width: 100%;
	height: 200px;
	float: left;
	background: #fff repeat-x;
	position:absolute;
	z-index:1000;
}
#header2 {
	width: 100%;
	height: 200px;
	float: left;
	background: #fff repeat-x;
	position:fixed;
	z-index:1000;
}
#header {
	width: 960px;
	height: 200px;
	float: left;
}

#logo {float:left; width:255px; height:161px; margin-top:20px; margin-left:50px;}

#logo img {float:left;}
#header p a {color:#003145;}
#header p a:hover {color:#a87c48;}
#header p a.activo {color:#a87c48;}

#contacto-header { float:right; width:178px; height:120px; margin-top:30px; margin-right:50px; }
#contacto-header img {float:right; margin-top:5px}

/* ---NAV PRINCIPAL--- */
#nav { width:960px; height:35px; margin-top:172px; float:left; position:absolute; z-index:2000; }
	
.nav > li {
float:left;
left:450px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

.nav li a {
background:#ff5800;
color:#FFF;
display:block;
border-right:2px solid #fff;
padding:8px 10px;
}

.nav li .flecha{
font-size: 10px;
padding-left: 6px;
display: none;
}

.nav li a:not(:last-child) .flecha {
display: inline;
}

.nav li a:hover {
background:#666;
color:#ccc;
}

.nav li {
position:relative;
}

.nav li ul {
display:none;
position:absolute;
min-width:200px;
}

.nav li:hover > ul {
display:block;
}

.nav li ul li ul {
right:-200px;
top:0;
}

/* ---MAIN--- */
#top-shadow {
	background:url(../images/bg-topshadow.png) no-repeat #fff;
	width: 860px;
	height:30px;
	float: left;
	margin-left:50px;
}

/* ---contenido--- */
#contenido {
	/*width: 960px;
	height:850px;*/
	width: 800px;
	height:230px;
	float: left;
	background:#fff;
	margin-left: 50px;
	padding:230px 30px;
}

#contenido2 {
	/*width: 960px;
	height:850px;*/
	width: 800px;
	height:320px;
	float: left;
	background:#fff;
	margin-left: 50px;
	padding:230px 30px;
}
#contenido3 {
	/*width: 960px;
	height:850px;*/
	width: 800px;
	height:500px;
	float: left;
	background:#fff;
	margin-left: 50px;
	padding:230px 30px;
}


#contenido p, #contenido2 p, #contenido3 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	line-height:25px;
	color:#777;
}

#contenido a, #contenido2 a, #contenido3 a{text-decoration:none; color:#ff5800; font-size:12px; font-weight:bold;}
#contenido a:hover, #contenido2 a:hover { color:#888;}

#contenido span.titulos, #contenido2 span.titulos, #contenido3 span.titulos  {
	font-size:18px;
	color:#ff5800;
}

#contenido span.destacados, #contenido2 span.destacados, #contenido3 span.destacados {
	color:#ff5800;
}

/* ---contenido historia--- */
#contenido-historia {
	/*width: 960px;
	height:850px;*/
	width: 800px;
	height:750px;
	float: left;
	background:#fff;
	margin-left: 50px;
	padding:230px 30px;
}

#contenido-historia p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	line-height:25px;
	color:#777;
}

#contenido-historias a {text-decoration:none; color:#ff5800; font-size:12px; font-weight:bold;}
#contenido-historia a:hover { color:#888;}

#contenido-historia span.titulos {
	font-size:18px;
	color:#ff5800;
}

#contenido-historia span.destacados {
	color:#ff5800;
}

/* ---contenido proyectos--- */
#contenido-proyectos {
	/*width: 960px;
	height:850px;*/
	width: 800px;
	height:1700px;
	float: left;
	background:#fff;
	margin-left: 50px;
	padding:250px 30px;
}

#contenido-proyectos p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	line-height:25px;
	color:#777;
}

#contenido-proyectos a {text-decoration:none; color:#ff5800; font-size:12px; font-weight:bold;}
#contenido-proyectos a:hover { color:#888;}

#contenido-proyectos span.titulos {
	font-size:18px;
	color:#ff5800;
}

#contenido-proyectos span.destacados {
	color:#ff5800;
}

/* ---contenido contactenos--- */
#contenido-contactenos {
	/*width: 960px;
	height:850px;*/
	width: 800px;
	height:850px;
	float: left;
	background:#fff;
	margin-left: 50px;
	padding:227px 30px;
}

#contenido-contactenos p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	line-height:25px;
	color:#777;
}

#contenido-contactenos a {text-decoration:none; color:#ff5800; font-size:12px; font-weight:bold;}
#contenido-contactenos a:hover { color:#888;}

#contenido-contactenos span.titulos {
	font-size:18px;
	color:#ff5800;
}

#contenido-contactenos span.destacados {
	color:#ff5800;
}

/* ---formulario contactenos--- */
#container-form {
	float:left;
	width:800px;
}

#container-form img {
	float:left;
}

form {
	width:800px;
}

form h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: #777;
	padding: 20px 0 10px 10px ;
}

fieldset {
	position: relative;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align:left;
	color: #777;
}

fieldset.submit {
	width: 665px;
	border-style: none;
	padding: 0;
	text-align: left;
	margin-left:135px;
	
}

fieldset textarea.text {
	width: 310px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top:10px;
}

input.submit {
	color: #545351;
	padding: 0 5px;
	margin-left:20px;
}

input {
	margin-top:10px;
}

/* ---FOOTER HOME--- */
#footer-home {
	background:url(../images/bg-footer.png);
	width: 960px;
	height: 160px;
	position:fixed;
	bottom:0;
	z-index:5000;
}

#footer-home p {
	margin-top:135px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#footer-home span { font-weight:bold; color:#ff5800;}
#footer-home a {color:#ff5800;}
#footer-home a:hover {color:#666;}

/* ---FOOTER INT--- */
#footer {
	background:url(../images/bg-footer2.png);
	width: 960px;
	height: 160px;
	position:fixed;
	bottom:0;
	z-index:5000;
}

#footer p {
	margin-top:135px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#footer span { font-weight:bold; color:#ff5800;}
#footer a {color:#ff5800;}
#footer a:hover {color:#666;}

#footer-unidades {
	width:960px;
	height:60px;
	float:left;
}

#footer-unidades img {text-align:center;margin:0 20px 0 20px;}

#footer-alianzas {
	width:960px;
	height:59px;
	float:left;
	margin-top:5px;
}

#footer-alianzas img {text-align:center;margin:5px 5px 0 5px;}


/* COLORBOX */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:0; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls2.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px;background:url(../images/controls2.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls2.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}