@charset "UTF-8";
/* inicio body*/


Body{
	background:#171B34;
	font-size:1em;
	font-family:arial;
	margin:0;
	padding:0;
}

ul, ol {
margin:0;
padding:1em;
}

li {
margin:0.6em;;
}


h1 {
    font-size:100%;
	color: #8BA3AD;
	padding-left:1.5em;
	padding-top:1.5em;
	text-transform:uppercase;
}

h2 {
	font-size:95%;
	color: #8BA3AD;
	padding-left:1.5em;
	text-transform:uppercase;
	
}

h3 {
	background-color:#8BA3AD;
	color: #EEE;
	font-size:95%;
	font-weight:normal;
	margin:0;	
	padding: 0.5em;	
}




#sub-h3 {
	background-color: #CCC;
	height:5px;
	}
	
h4 {
	color: #8BA3AD;
	margin:0;	
}
h5 {
	color: #222;
	font-size:85%;
	margin:0;	
}

h6 {
	background-color: #171B34;
	color: #EEE;
	font-size:95%;
	font-weight:normal;
	margin:0;	
	padding: 0.5em;	
}

em {
	font-weight:bold;
}

/* inicio header*/
#head {
	width: 100%;
	background-color:#171B34;
	color:#EEE;	height:140px;

}
#head-line {
	width: 100%;
	background-color: #8BA3AD;
	height:5px;
}

#headw {
	width:1000px;
	margin:0 auto ;
}
/* inicio logo*/
.logo {
	width:24%;
	transition: all 1s ease;
}

.logo img:hover {
	transform: scale(1.1);
}

.logo, .bot-w {
	display: inline-block;
	vertical-align: bottom;
}

.bot-w {
	width:74%;
	margin-bottom:-5px;
}


/* redes*/

.redes {
	margin: 0 30px 50px 0;

}

.redes img{
opacity: 0.7;
}
.redes img:hover{
opacity:1;
}


/* inicio botones*/

#botones {
	height:30px;
	width:50%;
}

/* inicio contenedor*/
#contenedor {
	width:100%;
	background-color:#888;
}

#contenedorw {
	background: url(../images/Fondo_content.jpg);
	margin: 0 auto;
	width: 1060px;

}


/* inicio banner*/
#banner {
	width:auto;
	height:140px;
	
}

#banner img {
width:100%;
	}
	
/* inicio contendido*/

#contenido{
	width: auto;
	background: rgba(153,153,153,0.3);
	padding:1em 0.5em 0 0;
	margin:0 1%;
	position: relative;
	z-index:1;
}

/* inicio columnas*/
.columna, .columna1 {
		display: inline-block;
		vertical-align: top;
		margin-left:1%;
		height:auto;
	}
	
.columna {
	width: 24%;	
}

.columna1 {
	background-color:#FFF;
	width: 48%;
}


#w-parrafo {
	background: rgba(255,255,255,0.8);
	margin-bottom:0.5em;
		
}

 #parrafo{
	color:#555;
	font-size:90%;
	padding: 0.5em 1.5em;
}

 .columna1  #parrafo{
	 text-align:justify;
}

 .brochure{
	 background:#0F0833;
	 padding:0.5em 1em;
	 color:#fff !important;
} 

 .foto-p {
	padding: 0 0 1em 0;
} 

 .foto-p img {

}

/* inicio links internos*/

#parrafo a {
	color:#8BA3AD;
	transition:all 0.5s ease;
}

#parrafo a:hover {
	transform: scale(1.1) ;
	color:#222;
	font-weight:bold;

}


#parrafo .ingresar {
	background:#171B34;
	border-radius:0.5em;
	color:#EEE;
	padding:0.5em;
	width:440px;
	transition:all 0.5s ease;
	margin:0 0 1em 0;
	display:inline-block;
	
}

#parrafo .ingresar:hover {
	color: #8BA3AD;
	font-weight:bold;
	transform: none;
	

}



 #parrafo .leer{
	font-size:85%;
	text-align:right;
}

.p-palabras{
	text-align: center;
	font-style:italic;
	
}


/* inicio footer*/

#footerw {
	width: 100%;
	height: 100px;
	background:#171B34;
}

#footer {
	width: 960px;
	color: #CCC;
	margin:0 auto;
	text-align:center;
	font-size:90%;
}

/* inicio links internos*/

#footer  a {
	color:#8BA3AD;
	transition:all 0.5s ease;
}

#footer  a:hover {
	transform: scale(1.2) rotate(-365deg);
	color:#FFF;
	font-weight:bold;
}



/*Formulario*/	  
.form{
	width:300;
	margin:3%;
	height:400px
	;
}

label, input, textarea{
	margin:0 0 0 0px;
	float:left;
	font-size:0.8em;
}
label{
	width:220px;
	height:22px;
    vertical-align: top;
	color:#222;
	padding:4px 0 0 0;
}
input{
	width:220px;
	height: 23px;
}
textarea{
	width:220px;
	height:73px;
	resize:none;
}
input, textarea{	
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #fff;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    float: left;
    padding:5px;
   	color: #222;	
}
input:hover, textarea:hover {
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
input[type='submit'] {
	background: none repeat scroll 0 0 #8BA3AD;
    border: medium none;
    color: #EEE;
    font-weight: 500;
    height: 26px;
    margin: 12px 20px 0 160px;
    text-shadow: 1px 1px 0 #666666;
    width: 72px;
	cursor:pointer;
}
input[type='submit']:hover{
	background: none repeat scroll 0 0  #666;
    border: medium none;
	text-shadow:1px 1px 0  #666;
	color:#EEE;
	cursor:pointer;
	
}
/*fin f*/


#separador
{ padding-bottom:0.5em;
border-bottom:#999 solid 1px;}

.p_service
{font-size:11px;}

 /*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:285px;
}

#slideshow IMG {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 8;
	opacity: 0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}