@import url(http://fonts.googleapis.com/css?family=Dosis:300,400,500,700|Open+Sans:300,400,600,700);

/* ---------------- ETIQUETAS BÁSICAS ---------------- */

body {

	font-family: 'Open Sans', sans-serif;

	font-size: 15px;

	font-weight: 300;

	color: #ddd;

	line-height: 18px;

	background: #222;

}

h1, h2, h3, h4, h5 {

	font-family: 'Dosis', Helvetica, Arial, sans-serif;

	font-weight: 300;

	font-size: 100%;

	line-height: 1.1;

	color: #ddd;

	margin: 0 0 12px 0;

}

h1 {

	font-size: 26px;

}

h2 {

	font-size: 24px;

}

h3 {

	font-size: 22px;

}

h4 {

	font-size: 20px;

}

h5 {

	font-size: 18px;

}

p + h1, ul + h1, ol + h1,

p + h2, ul + h2, ol + h2,

p + h3, ul + h3, ol + h3,

p + h4, ul + h4, ol + h4,

p + h5, ul + h5, ol + h5 {

	margin-top: 30px;

}

b,

strong {

  font-weight: 400;

}

a {

	color:#e74c3c;

	text-decoration:none;

}

a:hover {

	color: #ddd;

	text-decoration:none;

	outline: 0;

}

a:active {

	color: #777;

	text-decoration:none;

	outline: 0;

}

small {

  font-size: 85%;

}

img {

	border:0;

	padding: 0;

	margin: 0;

	vertical-align: middle;

}

.item-page img {

	border-radius: 4px;

}

address {

	font-style: normal;

}

hr {

  margin-top: 20px;

  margin-bottom: 20px;

  border: 0;

  border-top: 1px solid #eee;

}



/* ---------------- UTILIDADES ---------------- */

.left {

	float:left;

}

.right {

	float:right;

}

.clearfix:before,

.clearfix:after,

.contenedor:before,

.contenedor:after,

#componente:before {

	display: table;

  content: " ";

}

.clearfix:after,

.contenedor:after,

#componente:after {

	clear: both;

}

img.left {

	margin: 0 20px 20px 0;

}

img.right {

	margin: 0 0 20px 20px;

}

img.center {

	margin: 0 auto;

	display: block;

}

.mitad {

	width: 48%;

}

.separador1 {

	height: 1px;

	margin-bottom: 15px;

}

.separador2 {

	height: 1px;

	margin-bottom: 30px;

}

.separador3 {

	height: 1px;

	margin-bottom: 60px;

}

.destacado {

	font-size: 125%;

	line-height: 125%;

	margin: 20px 0;

}



/* ---------------- ESTRUCTURA PLANTILLA (LAYOUT) ---------------- */

.contenedor {

  width: 1200px;

  margin: 0 auto;

}

#header {

	background: #ccc;

	width: 1200px;

  height: 600px;

	margin: 0 auto 50px auto;

	z-index: 11111;

	border-radius: 0 0 4px 4px;

	overflow: hidden;

}

#nav {

	background: transparent;

	width: 1150px;

	height: 45px;

	margin: 25px 0 -50px 25px;

	/*border-radius: 4px;*/

	position: absolute;

	z-index: 9999;

	/*overflow: hidden;*/

}

#nav-interiores {

	background: #222;

	width: 1200px;

	height: 45px;

	margin: 25px 0 50px 0;

	border-radius: 4px;

	overflow: hidden;

}

#social {

	background: #fff;

	width: 142px;

	height: 36px;

	padding: 0;

	margin: 550px 30px 0 1040px;

	position: absolute;

	z-index: 9999;

}

#logo {

	text-align: center;

	background: #fff;

	width: 165px;

	height: 45px;

	padding: 6px 0;



}

#componente {

  width: 1200px;

  margin: 0 auto 50px auto;

}

#bottom {

	width: 1200px;

	margin: 0 auto 50px auto;

}





/* ---------------- ESTILOS JOOMLA ---------------- */

#phocagallery .page-header h1,

.item-page .page-header h2,

.moduletable .title h1 {

	/*font-size: 18px;*/

	line-height: 18px;

	text-transform: uppercase;

	color: #e74c3c;

	padding-bottom: 15px;

	margin-bottom: 30px;

	border-bottom: 1px solid #e74c3c;

}

.item-page .page-header h1 {

	display: none;

}

.item-page a {

	transition: all .15s;

	-webkit-transition: all .15s;

	-moz-transition: all .15s;

}

.item-page p {

	text-align: justify;

	margin: 0 0 13px 0;

}

.item-page p:last-child {

	margin-bottom: 0 !important;

}

.item-page ul,

.item-page ol {

	padding: 0px;

	margin: 0 0 0 20px;

}

.item-page li {

	margin-bottom: 10px;

}



/* ---------------- ESTILOS CONTENIDO GENERAL ---------------- */

.acceso-directo div {

  width: 212px;

  height: 154px;

  margin: 0 30px 0 0;

  display: inline-block;

  vertical-align: top;

}

.acceso-directo div:last-child {

  margin-right: 0 !important;

}

.acceso-directo img {

  width: 212px;

  height: 154px;

  margin-bottom: 10px;

  border-radius: 4px;

}

.acceso-directo img:hover {

  box-shadow: 0 4px 0 #e74c3c;

  transition: linear .2s;

	-webkit-transition: linear .2s;

	-moz-transition: linear .2s;

}

.modulo-blanco {

	text-align: center;

	background: #fff;

	padding: 35px;

	margin-bottom: 40px;

	border-radius: 4px;

}

.social img {

	padding: 0;

	margin: 0;

	width: 35px;

	height: 35px;

	float: left;

}



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


.ancho{
	width:100%;
	}


input,

textarea,

select {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	color: #888;

	line-height: normal;

	background: #fff;

	width: 100%;

	height: 27px;

	padding: 5px;

	margin: 0 0 15px 0;

	outline: 0px;

	border: none;

	        border-radius:3px;

	-webkit-border-radius:3px;

	   -moz-border-radius:3px;

	     -o-border-radius:3px;

	    -ms-border-radius:3px;

    transition: all .15s;

	-webkit-transition: all .15s;

	-moz-transition: all .15s;

}

textarea {

	width: 100%;

	height: 112px;

	padding:5px 0 0 5px;

	overflow: auto;

	resize: vertical;

}

input:hover,

textarea:hover {

	color: #777;

	background: #fffbda;

}

input:focus,

textarea:focus {

	color: #888;

	background: #fffbda;

}

.enviar {

	font-family:'Open Sans', Arial, Helvetica, sans-serif;

	font-size:18px;

	font-weight:400;

	color:#fff;

	text-align: center;

	text-transform: uppercase;

	background:#e74c3c;

	width:14%;

	padding: 5px;

	margin: 0;

	border:none;

	        border-radius:3px;

	-webkit-border-radius:3px;

	   -moz-border-radius:3px;

	     -o-border-radius:3px;

	    -ms-border-radius:3px;

}

.enviar:hover {

	color: #fff;

	background: #f46556;

	border:0;

	cursor:pointer;

}

fieldset {

  min-width: 0;

  padding: 14px;

  margin: 0;

  border: 0;

}

label {

  display: inline-block;

  margin-bottom: 5px;

}

.captcha {

	display: none;

}