@charset "utf-8";

body {
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	background-color: #DDD;


    box-shadow: {
  -moz-box-shadow:    3px 3px 5px 6px #666;
  -webkit-box-shadow: 3px 3px 5px 6px #666;
  box-shadow:         3px 3px 5px 6px #666;
}
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #54CDE2;
}
p {
	text-align: justify;
	padding: 2px;
}
/* main layout */
a {
	color: #0E9630;
	text-decoration: underline;
	outline: none
}
.li {
	list-style-image: url(../images/bullet.jpg);
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #09C;
}
strong {color:#000}


#contenedor {
	background-color: #FFF;
	min-height: 1550px;
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #AEAEAE;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	position: relative;
}
#contenedor2 {
	background-color: #FFF;
	min-height: 1460px;
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #C8C8C8;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	position: relative;
}
#contenedor3 {
	background-color: #FFF;
	min-height: 920px;
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #C8C8C8;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	position: relative;
}



#header {
	height: 100px;
	width: 980px;
}
#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 78px;
	width: 311px;
	margin-top: 10px;
	margin-left: 10px;
}
#iconos {
	float: right;
	height: 42px;
	width: 130px;
	margin-top: 15px;
	margin-right: 15px;
}
#menu {
	height: 35px;
	width: 980px;
	background-color: #FFF;
}
#slider {
	height: 370px;
	width: 980px;
}
#slider2 {
	height: 190px;
	width: 980px;
	background-image: url(../images/bg2.jpg);
}

#contenido {
	min-height: 700px;
	height: auto;
	width: 940px;
	margin-right: 15px;
	margin-left: 20px;
	margin-top: 20px;
}
#contenido-centrado {
	min-height: 600px;
	height: auto;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.e-boton {
	float: right;
	height: 40px;
	width: 170px;
}

.col-big {
	float: center;
	width: 980px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.col-big1 {
	float: left;
	width: 580px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.col-art1 {
	margin: 15px;
	height: 270px;
	width: 900px;
	text-align: justify;
}
.col-art2 {
	height: 250px;
	width: 580px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	display: block;
}


#col-der {
	float: right;
	width: 320px;
	margin-top: 25px;
}
#col-izq {
	float: left;
	width: 500px;
	margin-top: 25px;
}
#col-izq2 {
	float: left;
	width: 400px;
	margin-top: 25px;
}
.subtitulo-listado {
	background-color: #F0F8FF;
	height: 36px;
	width: 200px;
	vertical-align: middle;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
	-o-border-radius: 10px;
	padding-top: 6px;
}
.icono-listado {
	float: left;
	height: 35px;
	width: 35px;
	margin-right: 5px;
}






.imagen {
	margin: 7px;
}
.imagen2 {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	float: left;
	margin-top: 2px;
	margin-bottom: 6px;
}
.imagen3 {
	float: right;
	height: 200px;
	width: 200px;
}


#botones {
	height: 94px;
	width: 300px;
	float: right;
}
#descarga {
	background-image: url(../images/b-descarga.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 74px;
	float: left;
}
#descarga:hover {
	background-image: url(../images/b-descarga2.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 74px;
}
#tutorial {
	background-image: url(../images/b-tuto.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 74px;
	float: left;
}
#tutorial:hover {
	background-image: url(../images/b-tuto2.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 74px;
}
#soporte {
	background-image: url(../images/b-soporte.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 74px;
	float: left;
}
#soporte:hover {
	background-image: url(../images/b-soporte2.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 74px;
}
#email {
	background-image: url(../images/b-email.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 74px;
	float: left;
}
#email:hover {
	background-image: url(../images/b-email2.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 74px;
}
.readmore a {
	clear: both;
	display: block;
	float: right;
	background-image: url(../images/buton.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 8px;
	width: 83px;
	height: 23px;
	text-decoration: none;
	}


.readmore2 a {
	clear: both;
	display: block;
	float: right;
	background-image: url(../images/buton2.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 8px;
	width: 83px;
	height: 23px;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
}



.group1 {
	float: left;
	width: 255px;
	position: relative;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #F5F5F5;
	margin-left: 25px;
	color: #666;
	height: 220px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	border: medium solid #C5DAFA;
}

.group2 {
	float: left;
	width: 260px;
	position: relative;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #F5F5F5;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height: 220px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	border: medium solid #A5CCF8;
}
* 
.titile-cajas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 39px;
	width: 200px;
	margin-right: 5px;
	margin-left: 5px;
	color: #FFF;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-color: #CCC;
}
.foto {
	height: 140px;
	width: 255px;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}


a.photo_hover3 {
	position: relative;
	float: left;
	margin: 5px 13px 8px 0;
	padding: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px #D7D7D7;
	-webkit-box-shadow: 5px5px #D7D7D7;
}
a.photo_hover4 {
	position: relative;
	float: left;
	margin: 5px 13px 8px 0;
	padding: 8px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px #D7D7D7;
	-webkit-box-shadow: 2px 2px #D7D7D7;
}


	a.photo_hover3{background:#E9EAEB;

	border: 1px solid #E1E1E1;

}
	a.photo_hover3:hover {
	border: 1px solid #E1E1E1;
	background-color:white;
	opacity:0.5;
}
#ban-bascula {
	height: 59px;
	width: 282px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#ban-tiempo {
	height: 59px;
	width: 282px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.titulo-noti {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(../images/banner-negro.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 32px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 289px;
	margin-left: 2px;
}
#noticias1 {
	height: 260px;
	width: 270px;
}
#noticias2 {
	height: 260px;
	width: 270px;
}

#inisesion {
	background-image: url(../images/ban-inisesion.png);
	background-repeat: no-repeat;
	height: 189px;
	width: 289px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#conte-inisesion {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	height: 20px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}#ini-boton {
	float: right;
	height: 30px;
	width: 180px;
	margin-top: 5px;
}

input.submit {
	border: 0;
	width: 80px;
	float: right;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	height: 24px;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(../images/b-ini.png);
	background-repeat: no-repeat;
	color: #FFF;
	
}

.text-blanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding-left: 5px;
}
.textos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #666666;
	list-style-image: url(file:///C|/Adriana/2012/comunidad%20web/confecamaras/plantilla3%20-%204dic/images/bullet.png);
	list-style-position: inside;
}
.texto-resaltado {
	background-color: #D7F2E4;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	opacity:0.8;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius:8px;
}
, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form,, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent; border:0 none; font-size:100%; margin:0; padding:0; border:0; outline:0; vertical-align:top}
.texto-negrita {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #049BBB;
}

.subtitulos-internos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #88BD24;
	
}

ol, ul {list-style:none}
blockquote, q {quotes:none}
table, table td {padding:0;border:none;border-collapse:collapse}
img {vertical-align:top}
embed {vertical-align:top}
* {border:none}
.col1 {width:575px}

.dropcap_1 {
	float: left;
	background: url(../images/box1.jpg) no-repeat;
	width: 40px;
	height: 40px;
	font-size: 26px;
	color: #fff;
	line-height: 34px;
	margin-right: 17px;
	text-align: center;
	margin-left: -5px
}

.under {
	padding-bottom: 9px;
	background: url(../images/line_hor1.gif) bottom repeat-x;
	margin-bottom: 7px
}

/* footer */
#footer {
	font-size: 13px;
    text-align:center
    position:relative;
	height: 80px;
	background-image: url(../images/bg-footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
	clear: both;
	margin-top: 30px;
}


#logo-footer {
	background-image: url(../images/logo-footer.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 56px;
	width: 300px;
	margin-top: 10px;
	margin-left: 15px;
}
#footer-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	float: right;
	height: 40px;
	width: 300px;
	margin-top: 10px;
	margin-right: 15px;
}

.divWrapper {min-height:30px}
.divWrapper p {margin-left:200px;float:left}
.divWrapper strong {width:200px;float:left}
.divWrapper .input {float:left;margin-right:222px;width:267px;height:15px;border:1px solid #ccc;background:#fff;padding:2px 5px;margin-bottom:5px;color:#7d7d7d;font:12px Arial, Helvetica, sans-serif}

/* forms */
.ContactForm {}
.ContactForm .wrapper {min-height:30px}
.ContactForm strong {width:200px;float:left}
.ContactForm .textarea_box {min-height:259px}
.ContactForm a {margin-right:20px}
.ContactForm .input {float:left;margin-right:222px;width:267px;height:15px;border:1px solid #ccc;background:#fff;padding:2px 5px;margin-bottom:5px;color:#7d7d7d;font:12px Arial, Helvetica, sans-serif}
.ContactForm textarea {overflow:auto;float:left;width:400px;height:227px;border:1px solid #ccc;background:#fff;padding:2px 5px;margin-bottom:5px;color:#7d7d7d;font:12px Arial, Helvetica, sans-serif}



.campo {
	background-color: #F9F9F9;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 7px;
	width: 200px;
}
.campo2 {
	background-color: #EBEBEB;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 7px;
	width: 250px;
}
.campobig {
	background-color: #EBEBEB;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 7px;
	width: 300px;
}

.button {
	display: inline-block;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/bg_button.gif) top repeat-x #d6d6d6;
	border: 1px solid #bfbfbf;
	height: 28px;
	line-height: 28px;
	padding: 0 16px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
	margin-top: 4px;
	background-color: #0099CC;
}
.button:hover {
	background: url(../images/bg_button_active.gif) top repeat-x #529d3c;
	color: #fff;
	border: 1px solid #3ba814
}