﻿/*
	Descripción: Castrelo.gal
	Versión: 4.0
*/

/*________Import____________*/

@import url('flexible.css');

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,600);

/*_____________WEBSITE__________*/

a{
	text-decoration: none;
	o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #fff;
}

a:hover,
a:focus {
	text-decoration: none;
	o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #fff;
}


div, h1, h2, h3, h4, p, form, input, textarea, img, span, td{margin:0; padding:0;}/*label,*/

h1,h2,h3{font:inherit}

img{border:none;}

ul{margin:0; padding:0; list-style-type:none; list-style: none;}

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-font-smoothing: antialiased;/* texto renderizado safari y chrome*/
}

h1 {
	font-size:48px;
	line-height:48px;
	letter-spacing:-2px;  
	/*padding-top:30px;*/
	margin-bottom:0px;
	font-weight:700;
	font-family: 'Open Sans', cursive;
	text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
}

h2{
	display: inline-block;
	padding: 20px 0;
	text-align: center;
	font-size: 18px; 
	font-weight: 300;
	color: #fff;
	line-height: 26px;
	text-shadow: 1px 1px rgba(12, 11, 11, 0.56);
}

/*_________________selecciones___________________*/

/* webkit, opera, IE9 */
::selection { background:#009aac;  color:#000;}
/* mozilla firefox */
::-moz-selection { background:#009aac; color:#000;}


/*__________PÁGINA_WEB_____________*/

.limpiar{clear:both; font-size:0; line-height:0; float:none;}

acronym, abbr {border-bottom:1px dotted #4b4b4b; cursor:help; font-style:normal;}

.separa{width:100%;	height:10px; font-size:0; clear:both;}
.separa-med{width:100%;	height:22px; font-size:0; clear:both;}
.separa-min{width:100%;height:5px; font-size:0; clear:both;}

.separa1{width:100%; height:35px; font-size:0; clear:both;}
.separa2{width:100%; height:45px; font-size:0; clear:both;}
.separa3{width:100%; height:60px; font-size:0; clear:both;}

.izq{float:left;}
.der{float:right;}

.italic{font-style:italic}

.septop{margin-top:25px;}
.sepbot{margin-bottom:25px;}
.separabajo{padding-bottom:15px}
.separaderecha{margin-right:5px}
.septopbot{padding:30px 0 20px 0;}
.septopbotder{padding:5px 10px 5px 0;}

.center{text-align:center;}
.right{text-align:right;}
.justificado{text-align:justify;}
.enlinea{display:inline-block; padding:10px;}
.enbloque{display:block}
.centrado{margin:30px auto 20px auto; display:block; text-align:center}
.full{width:100%}

.relative{position:relative}
.absolute{position:absolute}
.pointer{cursor:pointer}

.tachado{text-decoration:line-through;}


.linea {display:block; margin:20px 0 20px 0; width: 100%; height:1px; background:#a4a7aa;}
.linea-min {display:block; margin:8px auto; width: 100%; height:1px; background:#a4a7aa;}

.linea-men {display:block; margin:20px 0 0px 0; width: 100%; height:1px; background:#444444;}

.linea2 {display:inline-block; margin:21px 0 21px 0; width: 100%; height:1px; background:#343434;}

.linea-cent {display:block; margin:8px auto 20px auto; width: 150px; height:2px; background:#009ada;}
.linea-izqu {display:block; margin:8px 0px 20px 0px; width: 60px; height:2px; background:#009ada;}


.redondo{border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.redondo-top{border-radius:6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px;-webkit-border-radius: 6px 6px 0px 0px;}
.redondo-bottom{border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px;-webkit-border-radius: 0px 0px 6px 6px;}

.visible_en_movil, .visible{visibility:hidden; display:none;}

.wrapper{background:#fff; display:table; margin:0 auto;}/*caja contenedora (envoltura)*/

.mayusculas{text-transform:uppercase}


@media (max-width:1200px) {
	.visible-max{visibility:hidden; display:none}
}

@media (max-width: 991px) {
	.centradomovil{margin:0 auto; display:block; text-align:center; float:none}
	.invisible{visibility:hidden; display:none}
	.visible {visibility:visible; display:inline-block;}
}

@media (max-width: 767px) {
	.invisible_en_movil{visibility:hidden; display:none}
	.visible_en_movil{visibility:visible; display:inline-block;}
	.wrapper{display:block;}
}

.capa1{z-index:1;/*importante*/}


/*_____________DISEÑO WEB EN CAJA_______________*/

/*page-wrapper{background-color: #1f1f1f;}*/

.boxed .page-wrapper {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	/*-webkit-box-shadow: 1px -22px 74px 25px rgba(0,0,0,0.63);
	-moz-box-shadow: 1px -22px 74px 25px rgba(0,0,0,0.63);
	box-shadow: 1px -22px 74px 25px rgba(0,0,0,0.63);*/
}
	
.fondoweb {
	background: url(../images/castrelo.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*background: #292929 url(../images/fondo.jpg) repeat fixed; */
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {.boxed .page-wrapper {width: 750px;}}

@media (max-width:768px){.fondoweb{background:#0a808e}}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {.boxed .page-wrapper {width: 970px;}}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {.boxed .page-wrapper {width: 1170px;}}

/* Large devices (Large desktops 1400px and up) */
@media (min-width:1400px) {.boxed .page-wrapper {width: 1370px;}}



/*_____________FONDOS_______________*/

.sombra{
	-webkit-box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.38);
	-moz-box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.38);
	box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.38);
}

/*WEBSITE*/

.zona-webcam{max-width:500px; border-radius:inherit; border:0px solid #ccc; margin:10px auto 20px auto;}


/*______________REDES_SOCIALES_______________*/


@media (max-width: 991px){
	.zona-redes-telefono {float:none; margin:0 auto; text-align:center;}
}


#redes-sociales {margin-top:5px}

a.redes-sociales-iconos {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 3px;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -1000px;
	-moz-transition: background-position .25s ease;
	-webkit-transition: background-position .25s ease;
	-o-transition: background-position .25s ease;
	-ms-transition: background-position .25s ease;
	transition: background-position .25s ease;
}

a.redes-sociales-iconos:hover {	background-position: 0 -33px;}


.facebook {background-image: url(../images/facebook.png);}
.twitter {background-image: url(../images/twitter.png);}


