body{background-color: #000; color: #FFFFFF;}



p{font-size: 1.2em;}



header

{

	background-color: #2E3133;

	width: 100%;

	height: 50px;

	top:0;

	position: sticky;

	z-index: 999;

	margin-top: 0;

}



a{text-decoration: none; cursor: default;}

a:hover{text-decoration:none;}

a:visited{text-decoration: none;}

a:link{text-decoration: none;}



footer

{

	height: 50px;

	width: 100%;

	background: rgb(39, 47, 51);

	/*bottom: 0px;*/

	margin-bottom: 0px auto;

}



footer p

{

	color: white;

	font-size: 15px;

	position: relative;

	bottom: 0;

	line-height: 45px;

	font-family: 'roboto_slabregular';

}



.wrapper{width: 100%; height: 100%;}





.page-header

{

	background-color: #171717;

	border-bottom: 5px solid #CCC;

	border-top: 5px solid #384045;

	margin: 0 0 35px 0;

	min-height: 50px;

	padding: 20px 0;

	position: relative;

	text-align: left;

}





/**  HEADER  **/



header h1

{

	position: relative;

	display: inline-block;

	width: 16%; /*350px*/

	height: 20px;

	line-height: 50px;

	margin-top: 0px;

	text-shadow: 3px 3px 3px #91ADBC;

	font-family: 'averia_serif';

	color: #f6f6f5;

	margin: 0px 3px;

	vertical-align: middle;

	font-size: 1.9em;

	font-weight: bold;

	left: 7%;

}



header h1 a

{

	color: #f6f6f5;

}



header h1 a:hover

{

	color: #f6f6f5;

	text-shadow: 3px 3px 3px #4BEBFF;

	text-decoration:none;

}



header nav

{

	position: relative;

	width: 80%; /*890px*/

	float: right;

	right: 0px;

	top:0;

	height: 50px;

}



header nav li

{

	display: inline-block;

	font-family: 'icomoon';

	font-family: 'roboto_slabregular';

}

nav ul

{

	margin: 0;

	float: right;

}

header nav ul li a

{

	position: relative;

	font-size: 1.1em;

	color: #f6f6f5;

	text-decoration: none;

	margin-top: 0px;

	height: 100%;

	line-height: 30px;

	top: 8px;

}



header nav ul li a:link

{

	padding: 15px 13px;

    text-align: center;

    /*text-decoration: none;

    display: inline-block;*/

    

}



header nav ul li a:hover

{

    background-color: #3b5a6f;

    color: #fff;

    border-bottom: 3px solid #ddb321; /*ecb731*/

}





/**  CUERPO  **/



.content

{

	/*background-color: #444;*/

	height: auto;

	width: 100%;

}







div.img_bg

{

	position: relative;

	display: inline-block;

	/*margin: 15px;*/

	width: 48%; /*700px*/

	height: 450px;

	background-image: url(../img/home.jpg);

	background-size: 150%;

	left: 32px;

	top: 18px;

	/*border: 7px solid #aaa; 7F682F*/

	box-shadow: inset 0px 0px 30px 15px black;

}



.img_bg figure

{

	position: relative;

	width: 100%;

	background: black;

	margin-left: 0;

	height: 100%;

	margin: 0;

	opacity: 0.65;

}



.content .slogan

{

	position: relative;

	margin-top: 10%;

	color: white;

	width: 70%;

	left: 15%;

	text-align: center;

	text-shadow: 2px 2px 2px #CCC360;

	font-size: 3.5em;

	font-family: 'roboto_slabregular';

}



.logo img

{

	position: relative;

	width: 60%;

	height: auto;

	left: 20%;

	top:0; /*15PX*/

	z-index: 2;

}



div.noticias

{

	position: relative;

	display: inline-block;

	width: 42%;

	height: 450px;

	top: 18px;

	box-shadow: inset 0px 0px 20px 10px black;

	background-size: cover;

	background-repeat: none;

	background-position: center;

	-moz-animation: 1s noticias 1;

	float: right;

	right: 5%;



}



.rrss

{

	position: fixed;

	margin-top: 180px;

	height: auto;

	float: right;

	right: 0;

	border-radius: 5px;

	/*background: #aaa;*/

	background-color: rgba(155,155,155,0.3);

	opacity: 0.8;

	-webkit-box-shadow: left 3px;

	-moz-box-shadow: left 3px;

	box-shadow: left 3px;

	z-index: 998;

}



.rrss a

{

	right: 0px;

	width: 40px;

	height: 40px;

	display: block;

	margin-bottom: 5px;

	text-decoration: none;

	cursor: pointer;

}



.rrss a:before

{

	color: white;

	text-decoration: none;

	position: relative;

	font-size: 2em;

	top: 2.2px;

	left: 3.9px;

	font-family: 'icomoon';

}



.rrss a:nth-child(1):before

{

	content: "\ea90";

	color: #3b5998;

}

.rrss a:nth-child(2):before

{

	content: "\ea96";

	color: #1dcaff;

}



.rrss a:nth-child(3):before

{

	content: "\ea92";

	color: #8a3ab9;

}



/** SECTIONS **/



section:first-of-type

{

	margin-top: 25px;

}



div.info

{

	max-width: 100%;

	display: inline-block;

	background-image: url(../img/banner_dama.png);

	background-opacity: 0.7;

	height: 450px;

	background-size: 115% 85%;

	background-repeat: no-repeat;

	background-position: -150px 20%;

	padding: 0;

	-moz-box-shadow: inset 0 10px 15px black, inset 0 -10px 15px black;

	-webkit-box-shadow: inset 0 10px 15px black, inset 0 -10px 15px black;

	box-shadow: inset 0 10px 15px black, inset 0 -10px 15px black;

	margin-bottom: 10px;

	margin-top: 100px;

}



p.info

{

	position:relative;

	width: 60%;

	display: inline-block;

	padding: 5px;

	/*border: 4px solid black;*/

	font-size: 28px;

	text-align: justify;

	float: left;

	color:white;

	top: 30px;

	left: 40px;

	font-family: 'roboto_slabregular';

	border-radius: 5px;

}



p.info:nth-child(2)

{

	font-style: oblique;

	color: gray;

	font-weight: bolder;

}



p.info span

{

	float: right;

}



#cobertura

{

	height: 630px;

	background-image: url(../img/mapa1.png);

	background-size: 100% 100%;

	background-repeat:no-repeat;

	/*border-top: 3px solid #7F682F;

	border-bottom: 3px solid #7F682F;*/

	opacity: 0.9;

	box-shadow: inset 0 10px 10px 0 black, inset 0 -10px 10px 0 black;

	-moz-box-shadow: inset 0 10px 10px 0 black, inset 0 -10px 10px 0 black;

	-webkit-box-shadow: inset 0 10px 10px 0 black, inset 0 -10px 10px 0 black;

	margin-bottom: 10px;

}



#cobertura h3

{

	position: relative;

	text-align: center;

	color: #ddd;

	font-size: 2.5em;

	text-shadow: 2px 2px 5px white;

	font-family: arial;

	float: left;

	top: 250px;

	left: 20px;

	color: #887954;

	font-family: 'roboto_slabregular';

}



#contacto

{

	background-color: #5D79C2; /*9F7600*/

	border: 3px solid #887954;

	color: white;

	display: inline-block;

	float: right;

	font-family: 'roboto_slabregular';

	font-size: 1.4em;

	font-weight: bolder;

	margin: 15px 2px;

	padding: 5px 40px;

	position: relative;

	right: 400px;

	text-align: center;

	top: 230px;

	width: 200px;

	

}



#contacto:hover

{

	background: white;

	color: #5D79C2;

	border-color:#887954;

}



#contacto

{

	-webkit-animation: 1.9s contacto infinite;

	-moz-animation: 1.9s contacto infinite;

}



@keyframes contacto

{

	25%, 75%

	{

		-webkit-transform: scale(0.8);

		-moz-transform: scale(0.8);

	}

	50%

	{

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

	}

}





/*-----QUIENES SOMOS-------*/



.divider.divider-small hr

{

	width: 100%;

}



p.lead.mb-xl.mt-lg

{

	text-align: justify;

}



.content .somos h2

{

	position: relative;

	color: white;

	text-shadow: 2px 2px 2px #CCC360;

	text-align: center;

	font-size: 3.5em;

	margin-bottom: 30px;

}



.somos

{

	width: 100%;

	border: 1px solid red;

}





.buho

{

	display: none;

}



.somos > figure

{

	position: relative;

	width: 30%;

	margin-top: 20px;

	margin-left: 5%;

}



.somos figure.fig

{

	position: relative;

	display: inline-block;

	/*border: 5px solid #7F682F;*/

	top: 20px;

	left: 40px;

	background: #2B2B2B;

	opacity: 0.8;

	box-shadow: 10px 10px 20px #3b5a6f;

	width: 25%;

}



.somos figure.fig img.logo

{

	position: relative;

	width: 100%;

}





.somos figure h3

{

	position: relative;

	vertical-align: middle;

	text-decoration: none;

	color: #ddd;

	font-size: 2em;

	margin: 0px 3px;

	text-align: center;

	

}



.noticias2

{

	position: relative;

	display: inline-block;

	width: 50%;

	height: 450px;

	box-shadow: inset 0px 0px 20px 10px black;

	background-size: cover;

	background-repeat: none;

	background-position: center;

	/*-moz-animation: 1s noticias 1;*/

	float: right;

	right: 5%;

}





.wrap

{

	position: relative;

	width: 60%;

	margin-right: 40px;

	height: auto; /*720px*/

	/*float: right;*/

	display: inline-block;

	background-color: rgba(155,155,155,0.3);

	padding: 10px 30px;

}



.wrap p

{

	text-align: justify;

	font-size: 19px;

	color: white;

	font-family: 'roboto_slabregular';

}



#valores 

{

	position: relative;

	width: 250px;

	/*top: 450px;*/

	/*left: 95px;*/

	float: right;

}



#valores h3

{

	position: relative;

	text-align: center;

	font-size: 2.5em;

	/*top:100px;*/

	color: white;

	text-shadow: 2px 2px 2px #CCC360;

	font-family: 'averia_serif';

}



#valores hr

{

	position: relative;

	/*top:65px;*/

}



#valores ul

{

	position: relative;

	/*top: 65px;*/

	padding: 5px;

	text-align: justify;

	border-radius: 3px ; 

	box-shadow: 5px 10px 18px #3b5a6f;

	background-color: rgba(43,43,43,0.5);

	color: #ddd;

}



#valores ul li

{

	position: relative;

	left: 10%;

	list-style: none;

	font-size: 1.8em;

	font-family: 'roboto_slabregular';

}



.wrap .mvf h4

{

	position: relative;

	display: inline-block;

	width: 115px;

	height: 115px;

	margin-right: 60px;

	border-radius: 100px;

	line-height: 115px;

	text-align: center;

	top:-15px;

	left: 5%;

	background-color: #828a87;

	opacity: 0.7;

	color: white;

	font-family: 'averia_serif';

	font-size: 1.2em;

}



.wrap .mvf p

{

	position: relative;

	width: 77%;

	display: inline-block;

	top: 5px;

}



.wrap .mvf div:nth-child(3) p,

.wrap .mvf div:nth-child(4) p

{

	top: -5px;

}

.img-responsive.pull-left.mr-xl.mb-xl.mt-xs

{

	width: 25%;

	margin: 20px;

}



.img-responsive.pull-left.mr-xl.mb-xl.mt-xs.m2

{

	width: 50%;

}



.img-responsive.pull-left.mr-xl.mb-xl.mt-xs.buho

{

	margin: 20px;

	width: 25%;

}



/*---------------- SERVICIOS ------------------*/

.circulos

{

	width: 100%;

	height:110vh;

	background-image: url(../img/vr.png);

	background-repeat: no-repeat;

	background-size: 45%;

	background-position: center;

	opacity: 0.5;

}



.servicios

{

	height: 150%;

}



.servicios h3

{

	position: relative;

	text-align: center;

	color: white;

	font-size: 4em;

	margin: 0;

}



.servicios #contacto

{

	top: 10px;

	font-size: 1.5em;

	margin:0;

	right: 40%;

	width: 350px;

	height: 60px;

	padding: 0;

	line-height: 20px;

	background-color: #233642;

}



.servicios #contacto:hover

{

	background-color: #F9F6F6; /*4C758E*/

	color: black;

}

.servicios #contacto p

{

	position: relative;

	top: 20px;

	margin:0;

}



.cir

{

	width: 1200px;

	margin: 100px auto;

	list-style: none;

	position: relative;

}

.cir li

{

	height: 250px; /*200px*/

	width: 250px;

	margin: 25px;

	float: left;

	overflow: hidden;

	border-radius: 50%;

	/*border:1px solid #fff;*/

	/* box-shadow: 2px 2px 0 0 rgba(0,0,0,.5); */

	margin: 12px;

	transition:all 1s ease;

}



.cir li a

{

	text-decoration: none;

	font-size: 18px;

	font-weight: bold;

	color: #fff;

}

/* .cir li a:before

{

	content: attr(title);    

	position: relative;

	left: 5%;

	top: 300px;

	-moz-transition:all 1s ease-in-out;

	-webkit-transition:all 1s ease-in-out;

	border: 1px solid transparent;

	text-align: center;

	color: black;

	width: 100%;

	height: 100%;

} */

.cir li:hover

{

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	box-shadow: 0px 0px 20px 0 rgba(255,255,255,.5);

	background: gray;

}



.cir li p

{

	position: relative;

	top:-250px;

	margin: 0 auto;

	text-align: justify;

	display: none;

	font-size: 13px;

	/* padding: 10px; */

	z-index: 1;

	/*color: #233642;*/

	color: rgba(0,0,20);

	width: 70%;

	height: 80%;

}



.cir li:hover p

{

	display: block;

}



.cir li h2

{

	/*position: absolute;*/

	position: relative;

	top: 140px;

	left: 0px;

	background-color: rgba(76,76,76, 0.7);

	z-index: 1;

	width: auto;

	height: 100%;

	font-size: 1.5em;

	text-align: center;

}



.cir li:hover h2

{

	opacity: 0;

	animation: 2seg fade 1;

}



.acc-container

{

	display: none;

}



.acc-container {

  width:90%;

  margin:30px auto 0 auto;

  -webkit-border-radius:8px;

  -moz-border-radius:8px;

  -o-border-radius:8px;

  border-radius:8px;

  overflow: hidden;

}



.acc-btn { 

  width:100%;

  margin:0 auto;

  padding:20px 25px;

  cursor:pointer;

  background:#2E3133;

  border-bottom:1px solid #2C3E50;

}



.acc-content {

  width:100%;

  margin:0 auto;

  display: none;

  background:#454A4C;

  padding:30px;

  height: auto;

}



.acc-btn h2 {

  font-family: "roboto_slabregular";

  color:#ffffff;

}



.acc-content p 

{ 

  font-family: "roboto_slabregular";

  color:#fff;

  text-align: justify;

}





/**	LOGIN **/



.site-login

{

	width: 80%;

	margin: 0 auto;

	margin-top: 50px;

	height: 80vh;

}



.site-login > *

{

	text-align: center;	

}



.site-login h1

{

	color: black;

	font-weight: bold;

}



.site-login #login-form

{

	width: 85%;

	margin: 0 auto;

}



.site-login .control-label

{

	position: relative;

	text-align: center;

	left: 31%;

	font-weight: bold;

	color: white;

	font-size: 2em;

	width: auto;

}



.site-login .form-control

{

	position: relative;

	left:135%;

	top: 10px;

	width: 200px;

}



.site-login .form-control:focus

{

	box-shadow: 2px 2px 20px cyan;

}



.site-login button[type="submit"]

{

	position: relative;

	left: 0px;

	width: 150px;

	height: 50px;

	font-size: 1.5em;

	font-weight: bolder;

}





.help-block

{

	position: relative;

	left:5%;

	top:20px;

	font-size: 1.8em;

	font-weight: bold;

}



/** BOX ENCABEZDOS **/



.page-header

{

	border-top: 5px solid #345164;

	border-bottom: 5px solid #BD9A1F;

	background-color: #343232;

}



.page-header h1

{

	text-align: center; 

	font-size: 3em; 

	font-weight: bolder;

}



label

{

	color:white;

}



.form-control

{

	background-color: #6B6B6B;

	color: white;

}





.div-img{

	width: 100%;

	height:100%;

}





.foto-miniatura{

    position: relative;

    width: 	100%;

    height: 100%;

}



.foto-autor{

	width: 	300px;

    height: 300px;

}



.pull-right

{

	

	position: relative;

	height: 30px;

	width: 100px;

	font-size: 1.2em;

	top: -30px;

}





/*---------------- CONTACTO ------------------*/



.contacto

{

	width: 100%;

	height: auto;

	margin-bottom: 50px;

}



#form1 .oculto

{

	display: none;

}



#form1 div.form-group.field-contactform-verifycode

{

	left: 13%;

	position:relative;

}



.map

{

	margin-top: 4%;

	position: relative;

	width: 46%;

	float: right;

	height: 500px;

	right: 5%;

}



.map > *

{

	color: white;

	display: inline-block;

}



#map

{

	width: 100%;

	height: 400px;

}



.direccion

{

	position: relative;

	color: #6B6969;

	width: 100%;

	top: -10px;

}

.direccion h2

{

	position: relative;

	color: #6B6969;

	font-size: 2em;

	margin-bottom: 10px;

	text-align: center;

}

.direccion h3

{

	font-size: 19px; ;

	margin-bottom: 10px;

}



.direccion p

{

	position: relative;

	display: inline-block;

	font-size: 20px;

	margin: 0;

	left: 15%;

	margin-right: 10%;

}



.direccion a

{

	text-decoration: none;

	color: #ddd;

}



.direccion a:hover

{

	cursor:pointer ;

}





/**	NOTICIAS **/



.post-content p

{

	text-align: justify;

	font-size: 20px;

}



.post-meta span b

{

	color: #A4A53B;

}



/**** DASHBOARD ****/



.dashboard

{

	width: 80%;

	height: 80vh;

	margin: 0 auto;

}



.dashboard #links

{

	margin:0 auto;

}



.dashboard li

{

	display: inline-block;

	margin: 10px;

}



.dash-link-circle a

{

	display: block;

	width: 200px;

	height: 200px;

	background: #eee;

	border-radius: 50%;

	text-decoration: none;

	text-align: center;

	margin-top: 50px;

	font-size: 1.2rem;

	line-height: -50%;

	text-transform: uppercase;

	color: black;

	transition: 0.5s background;

	cursor: pointer;

}



.dash-link-circle a:hover

{

	position: relative;

	top: -20px;

	

	box-shadow: 0 0 40px #C5C4C4;

	transition: 0.5s top;

}



.table-striped > tbody > tr:nth-of-type(2n+1)

{

	background-color: #4C4C4C;

}



.glyphicon{color: #337ab7;}



.dow{color: #333;}



.day, .datepicker-switch, .month, .year{color: #000;}



.old .day{color: #B9B9B9;}



.btn.btn-primary.btn-file {background-color: #eee; color: #000;}



.form-control::placeholder {color: white;}



.post-date span > .day{color: white;}



.old.day, .new.day, .prev, .next{color: #989696;}



.dashboard .btn .btn-primary

{

	position: relative;

	left: 10%;

}





.dashboard li p

{

	display: block;

	text-align: center;

	position: relative;

	margin-top: 10px;

	

	font-size: 1.8em;

}



.dashboard li a

{

	position: relative;

	margin: 0 auto;

}



.dashboard li:nth-child(1) a

{

	background-image: url(../img/icons/doc.png);

	background-size: 101%;

	background-repeat: no-repeat;

}



.dashboard li.editNot a

{

	background-image: url(../img/icons/acceder.png);

	background-size: 101%;

	background-repeat: no-repeat;

}



.dashboard li.creaTag a

{

	background-image: url(../img/icons/etiqueta.png);

	background-size: 101%;

	background-repeat: no-repeat;

}



.dashboard li.editTag a

{

	background-image: url(../img/icons/eraser.png);

	background-size: 101%;

	background-repeat: no-repeat;

}



.dashboard li.creaUser a

{

	background-image: url(../img/icons/newuser.png);

	background-size: 101%;

	background-repeat: no-repeat;

}



.dashboard li.editUser a

{

	background-image: url(../img/icons/men.png);

	background-size: 101%;

	background-repeat: no-repeat;

}



.dashboard li.webmail a

{

	background-image: url(../img/icons/webmail.png);

	background-size: 101%;

	background-repeat: no-repeat;

}



.mvf h4

{

	position: relative;

	display: inline-block;

	width: 115px;

	height: 115px;

	/*border: 3px solid #b06010;*/

	margin-right: 60px;

	border-radius: 100px;

	line-height: 115px;

	text-align: center;

	top:-15px;

	left: 5%;

	background-color: #828a87;

	opacity: 0.7;

	color: white;

	font-family: 'averia_serif';

	font-size: 1.2em;

}



.mvf p

{

	position: relative;

	width: 77%;

	display: inline-block;

	top: 5px;

}



p.custom-text-color-4, p.lead.mb-xl.mt-lg

{

	text-align: justify;

	font-family: 'roboto_slabregular';

}



p.custom-text-color-4

{

	font-size: 20px;

}



 p.lead.mb-xl.mt-lg

 {

 	font-size: 25px;

 }



h2.text-uppercase

{

	font-family: 'averia_serif';

	text-shadow: 2px 2px 2px #CCC360;

	text-align: center;

	font-size: 2em;

}



h2.mt-xl.mb-none

{

	position: relative;

	color: white;

	text-shadow: 2px 2px 2px #CCC360;

	text-align: center;

	font-size: 3.5em;

	margin-bottom: 30px;

}



.site-login #login-form

{

	width: 85%;

	margin: 0 auto;

	display: block;

}



.site-login .control-label

{

	position: relative;

	text-align: center;

	left: 31%;

	font-weight: bold;

	color: white;

}



.site-login .form-control

{

	position: relative;

	left:160%;

}



.site-login button[type="submit"]

{

	position: relative;

	

	width: 150px;

}



.img-thumbnail

{

	left: 10%;

	position: relative;

}



.encabezado, .post-content, .post-meta, .formul, .map, #login-form  > *

{

	font-family: 'roboto_slabregular';

}



.formul

{

	display: inline-block;

	width: 50%;

	margin-top: 50px;

}



#form1 label, textarea, select, input

{

	position: relative;

	width: 400px;

	height: 35px;

	display: inline-block;

	left: 20%;

	margin-top: 5px;

	border: none;

	background: transparent;

	border-bottom: 1px solid #ddd;

	color: white;

	font-size: 1.2em;

	font-family: 'roboto_slabregular';

}



#form1 select:focus, input:focus, textarea:focus

{

	background: #233642; /*171717*/

}



#form1 label

{

	text-align: center;

	margin-bottom: 0;

	color: white;

	font-size: 1.5em;

	border:0;

}



#form1 select

{

	background: rgba(0,0,0,0.8);

	border: 1px solid #ddd;

	position: relative;

	width: 400px;

}



#form1 textarea

{

	height: 160px;

	resize: none;

	font-size: 20px;

	color: white;

}



#form1 input[type='submit']

{

	position: relative;

	width: 120px;

	display: block;

	top: 0px;

	left: 38%;

	background-color: #385569; /*5c7262*/

	border:none;

	/*box-shadow: 2px 2px 5px white;*/

	font-size: 1em;

	margin-bottom: 10px;

}



#form1 input[type='submit']:active

{

	top:1px;

	box-shadow:inset 0px 0px 15px 2px #7BBCE8;

}



#form1 .oculto

{

	display: none;

}