@charset "UTF-8";
/* reset */
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: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sub {
	font-size: smaller;
	vertical-align: sub;
}

sup {
	font-size: smaller;
	vertical-align: super;
}

input {
    margin:0;
}

/* index */

body{
	background-color:#e2e2e2;
	padding:0;
	margin:0;
	font-family: "Lucida Sans", Verdana;
	font-size:11px;
	color:#666666;
	
}

h2 {
	color:#4f8092;
	font-size:18px;
	margin-bottom:30px;
}

h3 {
	color:#76a3b4;
	font-size:17px;
	margin-bottom:20px;
	margin-top:30px;
}

h4{
	font-size:13px;
	margin-bottom:10px;
	margin-top:20px;
}

p {
	margin-bottom:7px;
	line-height:15px;
}

a
{
	text-decoration:none;
	color:#666666;
}

a:hover
{
	text-decoration:none;
	color:#e78500;
}



.destacado {
	font-weight:700;
}

.col2 {
	float:left;
	width: 100%;
}

.col21 {
	float:left;
	width: 47%;
	margin-right:6%;
}

.col22 {
	float:left;
	width: 47%;
}


#header {
	background-color:#FFFFFF;
	height:80px;
}

#logo {
	margin:0 auto;
	width:960px;
}

#logo h1 {
	background-image:url(img/ccwin_logo.jpg);
	background-repeat:no-repeat;
	background-position:0px 30px;
	width:206px;
	height:41px;
	padding-top:30px;
}

#logo h1 span {
	display:none;
}

#content {
	margin:0 auto;
	width:960px;
}

#content2 {
	float:left;
	width:920px;
	background-color:#d6d6d6;
	margin-top:20px;
	border:#bbbbbb 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:20px;
}


#nav {
	float:left;
	width:215px;
	background-color:#f2f2f2;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	box-shadow: 0px 2px 0px #b6b6b6;
	-moz-box-shadow: 0px 2px 0px #b6b6b6;
	-webkit-box-shadow: 0px 2px 0px #b6b6b6;
	
}

#nav .menu {
	color:#666666;
	text-decoration:none;
	line-height:14px;

}

#nav .tab0 .menu {
	color:#783275;
	font-weight:700;
}

#nav .current .menu {
	color:#FFFFFF;
}

#nav li {
	padding:8px 12px 8px 12px;
	border-bottom:#d4d4d4 1px solid;
}

#nav .tab1 {
	padding-left:15px;
}

#nav .tab2 {
	padding-left:25px;
}

#nav .tab3 {
	padding-left:40px;
}

#nav .tab4 {
	padding-left:50px;
}

#nav .current {
	background-color:#76a3b4;
	color:#FFFFFF;
}

#nav .first {
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}

#nav .last {
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	
	border:none;
}

#content3 {
	 float:left;
	 margin-left:15px;
	 padding:30px;
	 width:630px;
	 background-color:#FFFFFF;
	 
	 border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	box-shadow: 0px 2px 0px #b6b6b6;
	-moz-box-shadow: 0px 2px 0px #b6b6b6;
	-webkit-box-shadow: 0px 2px 0px #b6b6b6;
}

.zona {
	 background-repeat:no-repeat;
	 width:23px;
	 height:26px;
	 position:absolute;
	 padding:7px 0px 0px 11px;
}

.zona .puntero {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
}

.zonaoff  {
	  background-image:url(img/puntero_off.png);
}

.zonaon {
	  background-image:url(img/puntero_on.png);
}

.pantalla {
	position:relative;
	
}
/*
.pantalla img {
	width:100%;
}

.reducida1 {
	width:80%;
	margin:0 auto;
}

.reducida2 {
	width:60%;
	margin:0 auto;
}

*/
.esquema{
	text-align:center;
}

.margen{
	margin:20px 0px 20px 0px;
}

.margentop{
	margin-top:20px;
}

.margenbottom{
	margin-bottom:20px;
}

.layer {
	line-height:15px;
}


#layer_1 .imagen1 {
	margin:0 auto;
	width:386px;
}

/* identificacion */

#layer_3 .pantalla .zona1 {
	left:570px;
	top:105px;
}

#layer_3 .pantalla .zona2 {
	left:300px;
	top:355px;
}
	
#layer_3 .pantalla .zona3 {
	left:570px;
	top:355px;
}

/* configuracion control de obra*/

#layer_411 .pantalla .zona1 {
	left:575px;
	top:52px;
}

#layer_411 .pantalla .zona2 {
	left:260px;
	top:235px;
}

#layer_411 .pantalla .zona3 {
	left:490px;
	top:135px;
}

#layer_411 .pantalla .zona4 {
	left:480px;
	top:350px;
}

#layer_411 .pantalla .zona5 {
	left:-8px;
	top:120px;
}
	/* pantalla factores de riesgo*/

#layer_411 .pantalla .zona6 {
	left:133px;
	top:63px;
}

#layer_411 .pantalla .zona7 {
	left:95px;
	top:202px;
}


/* programación */

#layer_4121 .pantalla .zona1 {
	left:45px;
	top:60px;
}

#layer_4121 .pantalla .zona2 {
	left:220px;
	top:105px;
}

#layer_4121 .pantalla .zona3 {
	left:575px;
	top:58px;
}

#layer_4121 .pantalla .zona4 {
	left:480px;
	top:75px;
}

#layer_4121 .pantalla .zona5 {
	left:520px;
	top:140px;
}

#layer_4121 .pantalla .zona6 {
	left:100px;
	top:160px;
}

#layer_4121 .pantalla .zona7 {
	left:190px;
	top:247px;
}

#layer_4121 .pantalla .zona8 {
	left:170px;
	top:360px;
}

#layer_4121 .pantalla .zona9 {
	left:570px;
	top:400px;
}

/* caso especial revestimiento interior */

#layer_4122 .pantalla .zona1 {
	left:430px;
	top:90px;
}

#layer_4122 .pantalla .zona2 {
	left:570px;
	top:75px;
}

#layer_4122 .pantalla .zona3 {
	left:400px;
	top:160px;
}

#layer_4122 .pantalla .zona4 {
	left:165px;
	top:10px;
}

#layer_4122 .pantalla .zona5 {
	left:580px;
	top:3px;
}

#layer_4122 .pantalla .zona6 {
	left:580px;
	top:115px;
}

#layer_4122 .pantalla .zona7 {
	left:100px;
	top:90px;
}

/* configuracion control producto */

#layer_421 .pantalla .zona1 {
	left:200px;
	top:90px;
}

#layer_421 .pantalla .zona2 {
	left:200px;
	top:286px;
}


#layer_421 .pantalla .zona3 {
	left:490px;
	top:40px;
}

#layer_421 .pantalla .zona4 {
	left:560px;
	top:350px;
}


/* programacion control productos */

#layer_4221 .pantalla .zona1 {
	left:190px;
	top:20px;
}

#layer_4221 .pantalla .zona2 {
	left:100px;
	top:65px;
}

#layer_4221 .pantalla .zona3 {
	left:100px;
	top:155px;
}

#layer_4221 .pantalla .zona4 {
	left:100px;
	top:255px;
}

#layer_4221 .pantalla .zona5 {
	left:570px;
	top:320px;
}

#layer_4221 .pantalla .zona6 {
	left:170px;
	top:360px;
}

#layer_4221 .pantalla .zona7 {
	left:570px;
	top:108px;
}

		/* pantalla tipo */


#layer_4221 .pantalla .zona8 {
	left:50px;
	top:40px;
}

#layer_4221 .pantalla .zona9 {
	left:500px;
	top:55px;
}

#layer_4221 .pantalla .zona10 {
	left:450px;
	top:80px;
}

#layer_4221 .pantalla .zona11 {
	left:100px;
	top:230px;
}

#layer_4221 .pantalla .zona12 {
	left:480px;
	top:360px;
}

#layer_4221 .pantalla .zona13 {
	left:390px;
	top:470px;
}

/* programacion de hormigón control estadistico */

#layer_42221 .pantalla .zona1 {
	left:300px;
	top:100px;
}

#layer_42221 .pantalla .zona2 {
	left:555px;
	top:260px;
}

	/* pantalla calculo lotes hormigón*/

#layer_42221 .pantalla .zona3 {
	left:150px;
	top:50px;
}

#layer_42221 .pantalla .zona4 {
	left:555px;
	top:65px;
}

#layer_42221 .pantalla .zona5 {
	left:555px;
	top:125px;
}

#layer_42221 .pantalla .zona6 {
	left:120px;
	top:200px;
}


/* programacion control de armaduras */

#layer_4223 .pantalla .zona1 {
	left:180px;
	top:25px;
}

#layer_4223 .pantalla .zona2 {
	left:300px;
	top:80px;
}

#layer_4223 .pantalla .zona3 {
	left:550px;
	top:260px;
}
	/* pantalla calculo lotes armaduras*/

#layer_4223 .pantalla .zona4 {
	left:180px;
	top:55px;
}

#layer_4223 .pantalla .zona5 {
	left:370px;
	top:145px;
}

#layer_4223 .pantalla .zona6 {
	left:400px;
	top:55px;
}

#layer_4223 .pantalla .zona7 {
	left:20px;
	top:385px;
}
#layer_4223 .pantalla .zona8 {
	left:135px;
	top:265px;
}

/* pantalla control acero*/


#layer_42231 .pantalla .zona1 {
	left:360px;
	top:80px;
}

#layer_42231 .pantalla .zona2 {
	left:100px;
	top:200px;
}

/* pantalla control otros productos*/

#layer_4224 .pantalla .zona1 {
	left:565px;
	top:26px;
}

#layer_4224 .pantalla .zona2 {
	left:565px;
	top:316px;
}

#layer_4224 .pantalla .zona3 {
	left:565px;
	top:200px;
}

/* pantalla resultados impresos*/

#layer_431 .pantalla .zona1 {
	left:560px;
	top:165px;
}

#layer_431 .pantalla .zona2 {
	left:300px;
	top:100px;
}

#layer_431 .pantalla .zona3 {
	left:160px;
	top:310px;
}

	/* pantalla previsualizacion impresos*/

#layer_431 .pantalla .zona4 {
	left:295px;
	top:50px;
}

#layer_431 .pantalla .zona5 {
	left:90px;
	top:460px;
}

#layer_431 .pantalla .zona6 {
	left:80px;
	top:50px;
}

/* pantalla resultados memoria*/

#layer_432 .pantalla .zona1 {
	left:240px;
	top:50px;
}

#layer_432 .pantalla .zona2 {
	left:240px;
	top:105px;
}

/* pantalla resultados presupuesto*/

#layer_433 .pantalla .zona1 {
	left:240px;
	top:50px;
}

#layer_433 .pantalla .zona2 {
	left:240px;
	top:105px;
}

/* pantalla resultados pliego*/

#layer_434 .pantalla .zona1 {
	left:240px;
	top:50px;
}

#layer_434 .pantalla .zona2 {
	left:240px;
	top:105px;
}

/* pantalla resultados ficha de recepción*/

#layer_435 .pantalla .zona1 {
	left:570px;
	top:273px;
}

/* pantalla seguimiento traslado*/

#layer_51 .pantalla .zona1 {
	left:480px;
	top:100px;
}

#layer_51 .pantalla .zona2 {
	left:190px;
	top:200px;
}

/* pantalla resultados hormigón*/

#layer_521 .pantalla .zona1 {
	left:570px;
	top:80px;
}

#layer_521 .pantalla .zona2 {
	left:570px;
	top:200px;
}

#layer_521 .pantalla .zona3 {
	left:420px;
	top:340px;
}

#layer_521 .pantalla .zona4 {
	left:95px;
	top:365px;
}

/* pantalla seguimiento impresos*/

#layer_53 .pantalla .zona1 {
	left:480px;
	top:90px;
}

#layer_53 .pantalla .zona2 {
	left:130px;
	top:300px;
}

#layer_53 .pantalla .zona3 {
	left:290px;
	top:52px;
}

#layer_53 .pantalla .zona4 {
	left:95px;
	top:465px;
}

#layer_53 .pantalla .zona5 {
	left:80px;
	top:50px;
}


/* popup */

.popup {
	display:none;
	position:absolute;	
	background-color:#fefdcb;
	padding:20px;
	border:#FFFFFF 3px solid;
	color:#666666;
	
	left:330px;
	top:330px;
	width:250px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	box-shadow: 1px 2px 3px #bcbcbc;
	-moz-box-shadow: 1px 2px 3px #bcbcbc;
	-webkit-box-shadow: 1px 2px 3px #bcbcbc;
}


#popup_1{
	left:130px;
	top:130px;
	width:200px;
}

#popup_2{
	left:130px;
	top:330px;
	width:200px;
}


#footer {
	margin:0 auto;
	width:960px;
	float:left;
	width:920px;
	height:80px;
	background-color:#999999;
	margin-top:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:20px;
	margin-bottom:20px;
}

.datos{
	color:#dfdfdf;
	margin-left:42px;
	margin-top:3px;
}

.datos a{
	text-decoration:none;
	color:#dfdfdf;
}


.info{
	background-color:#fefdcb;
	background-image:url(img/puntero_info.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding:8px 0px 8px 35px;
	margin-top:30px;
	border:#fdd037 1px solid;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.ruta{
	
	background-image:url(img/como_llegar.png);
	background-repeat:no-repeat;
	background-position:8px 8px;
	mbackground-color:#f2f2f2;
	border:#CCCCCC 1px solid;
	padding:4px 0px 8px 73px;
	margin-top:40px;
	margin-bottom:15px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.masinfo{
	
	background-image:url(img/masinfo.png);
	background-repeat:no-repeat;
	background-position:8px 8px;
	mbackground-color:#f2f2f2;
	border:#CCCCCC 1px solid;
	padding:4px 10px 8px 120px;
	margin-top:15px;
	margin-bottom:15px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.masinfo a
{
	text-decoration:none;
	color:#666666;
}

.masinfo a:hover
{
	text-decoration:none;
	color:#e78500;
}

.masinfo h3{
	margin-top:10px;
	margin-bottom:10px;
	color:#666666;
	font-size:13px;
}

.masinfo h4{
	font-size:11px;
	margin-bottom:6px;
	margin-top:10px;
	color:#333333;
}


.masinfocapa{
	
	background-image:url(img/masinfo_p.png);
	background-repeat:no-repeat;
	padding-left:23px;
	padding-bottom:3px;
	margin-top:22px;
	font-weight:700;
}

.masinfocapaenlace a
{
	text-decoration:none;
	color:#666666;
}

.masinfocapaenlace a:hover
{
	text-decoration:none;
	color:#999999;
}

.pclose a{  
  background-color:#797979;
  border:#FFFFFF 2px solid;
  padding:2px 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
  text-decoration: none;
  color:#FFFFFF;
}

.pclose a:hover{  
  background-color:#e78400;
}

.boton{
	background-image:url(img/boton.jpg);
	background-repeat:no-repeat;
	padding:6px 5px 10px 17px;
	margin-top:30px;
}

.boton a{
	text-shadow:#CCCCCC 1px 1px 1px;
	color:#333333;
}

.boton a:hover{
	color:#999999;
	text-shadow:none;
}