@charset "utf-8";
/* CSS Document */
@import url('menu.css');

* {
	margin: 0px;
	padding: 0px;
}
/* custom stuff */
div.clear {clear:both; height: 0px}
/* custom stuff */

body {
	background-image: url(../img/header.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	background-color: #FFFFFF;
}
#contenedor {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contenedor #cabeza #logo {
	float: left;
	width: 200px;
}
#contenedor #cabeza #telefono {
	float: right;
}
#contenedor #cabeza #menu {
	background-image: url(../img/f-menu.png);
	height: 30px;
	width: 650px;
	background-repeat: no-repeat;
	color: #1f4060;
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 20px;
}
#contenedor #banner {
	margin-top: 25px;
	margin-bottom: 20px;
	background-image: url(../img/sombra-foto.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
}


#contenedor #pie #menu-pie {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 20px;
}
#contenedor #pie #derechos {
	background-color: #808080;
	color: #FFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 10px;
}
#contenedor #cuerpo #resumen ul li {
	float: left;
	list-style-type: none;
	margin-right: 25px;
}
#contenedor #cuerpo #resumen {
	margin-left: 25px;
}
#contenedor #cuerpo #resumen ul li h2 {
	color: #007cbf;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	font-size: 15px;
}
#contenedor #cuerpo #resumen ul li a {
	color: #F00;
}
#contenedor #cuerpo #resumen ul li img {
	border: 5px solid #e5e5e5;
}
#contenedor #cuerpo #resumen ul li a:hover img {
	border: 5px solid #007cbf;
}



/* BANNER*/




.content_main2 { padding:0px; }
.contMain_left { width:px; }
.dateShow { width:125px; height:115px; background:url(../img/show_dateBox.png) no-repeat left top; position:absolute; left:10px; top:-26px; text-align:center; font-family: 'Arial'; padding:16px 0 0 0; }
.chenge { left:-155px !important;}
.dateShow strong { font-size:62px; font-weight:normal; display:block; color:#1dc468; padding:0 0 5px; }
.dateShow small { font-size:17px; display:block; color:#909090; }
 .bannerArea { height:290px; }
.banner2 { width:900px; height:290px; border:5px solid #007cbf; background:#eeeeee; position:relative; margin:0 0 0px; }
.arrowLeft2 {
	width: 32px;
	height: 58px;
	position: absolute;
	left: 17px;
	top: 121px;
	z-index: 999;
	background: url(../img/left_arrow.png) no-repeat left top;
}
.arrowLeft2 a { width:32px; height:58px; display:block; background:url(../img/left_arrow.png) no-repeat left top; }
.arrowLeft2 a:hover { background:url(../img/left_arrow.png) no-repeat left -58px; }
.rightArrow2 {
	width: 32px;
	height: 58px;
	position: absolute;
	right: 15px;
	top: 121px;
	z-index: 999;
	background: url(../img/right_arrow.png) no-repeat left top;
}
.rightArrow2 a { width:32px; height:58px; display:block; background:url(../img/right_arrow.png) no-repeat left top; }
.rightArrow2 a:hover { background:url(../img/right_arrow.png) no-repeat left -58px; }
.pager2 {
	width: 90px;
	height: 11px;
	position: absolute;
	left: 813px;
	bottom: 17px;
	z-index: 999;
	text-indent: -9999px;
}
.pager2 a {
	width: 13px;
	height: 11px;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	background-image: url(../img/circulos.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.pager2 a:hover, .pager2 a.activeSlide {
	background-image: url(../img/circulos.png);
	background-repeat: no-repeat;
	background-position: left -11px;
}
.banner_smallBox { padding-top:16px; }
.small_box { width:175px; height:131px; float:left; margin:0 14px 0 0; border:0px solid #cccccc; background:#ededed; text-align:center; }
#contenedor #cuerpo #contenidos {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #FFF;
	margin-top: 25px;
	padding:20px;
}
#contenedor #cuerpo #contenidos #sidebar {
	float: left;
	width: 180px;
	margin-right: 10px;
}

#contenedor #cuerpo #contenidos #sidebar p a {
	color: #808080;
	text-decoration: none;
	display: block;
	background-image: url(../img/flecha.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 8px;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contenedor #cuerpo #contenidos #sidebar p a:hover {
	color: #007cbf;
	background-image: url(../img/flecha-hover.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	padding-left: 20px;
}

#contenedor #cuerpo #contenidos #sidebar .active {
	color: #007cbf;
	background-image: url(../img/flecha-hover.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	padding-left: 20px;
}



#contenedor #cuerpo #contenidos #sidebar h2 {
	background-image: url(../img/f-menu-sidebar.png);
	background-repeat: no-repeat;
	color: #FFF;
	height: 23px;
	padding-top: 3px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
}





#contenedor #cuerpo #contenidos #central {
	float: right;
	width: 640px;
}
#contenedor #cuerpo #contenidos #central h2 {
	color: #007cbf;
	font-size: 15px;
}
#contenedor #cuerpo #contenidos #central #banint {
	margin-bottom: 20px;
}
#contenedor #cuerpo #contenidos #central p img {
	float: right;
	margin-left: 10px;
}
#contenedor #cuerpo #contenidos #central #formacion ul li {
	list-style-type: none;
	width: 195px;
	display: block;
	float: left;
	margin-right: 15px;
	margin-top: 20px;
}

#contenedor #cuerpo #contenidos #central #formacion ul li h3 {
	background-image: url(../img/f-empresa.png);
	background-repeat: no-repeat;
	list-style-type: none;
	height: 19px;
	color: #FFF;
	padding-top: 2px;
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

#contenedor #cuerpo #contenidos #central #formacion .item-servicios {
	float: left;
	width: 49%;
	margin-top: 20px;
}
#contenedor #cuerpo #contenidos #central #formacion .item-servicios ul li {
	width: 290px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#contenedor #cuerpo #contenidos #central #formacion .item-servicios img {
	margin-top: 10px;
	margin-bottom: 10px;
}

#contenedor #cuerpo #contenidos #central #formacion .item-servicios ul li a {
	background-image: url(../img/flecha.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 15px;
	background-position: left 2px;
	color: #808080;
	text-decoration: none;	
}
#contenedor #cuerpo #contenidos #central #formacion .item-servicios ul li a:hover {
	color: #007cbf;
}
#contenedor #cuerpo #contenidos #central #formacion .item-servicios h3 {
	display: block;
	padding: 5px;
	background-color: #007cbf;
	color: #FFF;
	margin-right: 10px;
	text-transform: capitalize;
	font-size: 11px;
}
#contenedor #cuerpo #contenidos #central .proyectos img {
	float: right;
}
#contenedor #cuerpo #contenidos #central h2 {
	margin-bottom: 20px;
}
#contenedor #cuerpo #contenidos #central .proyectos ul li {
	list-style-type: none;
	padding-bottom: 10px;
	font-size: 13px;
}
#contenedor #cuerpo #contenidos #central .proyectos ul li a {
	color: #808080;
	text-decoration: none;
	list-style-image: url(../img/flecha-hover.png);
}
#contenedor #cuerpo #contenidos #central .proyectos ul li a:hover {
	color: #007cbf;
	text-decoration: underline;
}


#contenedor #cuerpo #contenidos #central .proyectos ul  {
	margin-left: 20px;
	padding-left: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCC;
}


/*FORMULARIO----------------------------*/


form.contacto {
    width: 300px;
}
form.contacto fieldset {
    background: 0 0 white;
    border: 1px solid #E1E1E1;
    box-shadow: 0 0 10px 0 #DADADA;
    -webkit-box-shadow: 0 0 10px 0 #DADADA;
    -moz-box-shadow: 0 0 10px 0 #DADADA;
    padding: 25px;
}
form.contacto fieldset > div {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}
form.contacto fieldset div label {
	display: block;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	text-align: right;
	text-transform: uppercase;
}
form.contacto input[type="text"], form.contacto textarea {
    background: #F5F5F5;
    border: 1px solid #E8E8E8;
    color: #626262;
    display: block;
    float: left;
    padding: 8px;
    resize: none;
    width: 280px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
}
form.contacto input[type="text"]:focus, form.contacto textarea:focus {
	background: #F9F9F9;
	border: 1px solid #D3D3D3;
	outline: none;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
	background: #444444;
	border: 0 none;
	color: #FFFFFF;
	float: right;
	font-weight: bold;
	height: 32px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
form.contacto button:hover{
	background: #6A6A6A;
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
	display: none;
}
.ajaxgif{
	position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
	right: -155px;
    text-transform: uppercase;
	min-width: 121px;
}
.msg_ok{
	background: #589D05;
}
.msg_error{
	background: red;
}
#contenedor #cuerpo #contenidos #central .proyectos object {
	float: right;
}