:root {
	--white: #FFF;
	--blue: #3539E3;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background: url(images/plan1_fondo.png) repeat-x;
}

p, ul{
	font-family: sans-serif;
	line-height: 1.2;
}

#wrapper {
  width: 1150px;
  margin: 0 auto;
}


#cabecera h1 a{
  font-family: "Jacques Francois", serif;
  color: var(--white);
  display: block;
  margin-top: 15px;
  text-decoration: none;
  transition: all 0.4s;
}
#cabecera h1 a:hover{
  color: black;
  text-shadow:  1px 0 0 var(--white), -1px 0 0 var(--white), 0 1px 0 var(--white), 0 -1px 0 var(--white), 1px 1px var(--white), -1px -1px 0 var(--white), 1px -1px 0 var(--white), -1px 1px 0 var(--white), 1px 1px 1px var(--white);
  padding-left: 15px;
  cursor: pointer;
}

#cabecera h2 {
  font: 18px "Times New Roman";
  color: var(--white);
}

nav ul {
  list-style-type: none;
  margin-top: 22px;
  position: relative;
}

nav ul li a {
  color: var(--white);
  font: 13px Arial;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  float: left;
  height: 50px;
  line-height: 50px;
  padding: 0 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.4s;
}

nav ul li:last-child a {
  border: none;
}

nav ul li a:hover {
  color: black;
  line-height: 60px;
  background: linear-gradient(#595CFE, #3539E3);
}

.activar:hover ul{
	display: block;
}

nav ul li ul{
	position: absolute;
	top: 30px;
	left: 823px;
	display: none;
	z-index: 2;
}
nav ul li ul li a{ 
  background: linear-gradient(#595CFE, #3539E3); width: 180px; 
  border-right: none;}

#contenido {
  clear: both;
  padding-top: 15px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#contenido h1, #contenido h2 {
  font-family: "Bad Script", cursive;
  font-weight: normal;
  color: #3539E3;
}
#contenido p{
	margin-bottom: 10px;
}
#contenido a{
	color: #3539E3;
}
#contenido a:hover{
	color: #000;
}
.index{
	float: left;
	width: 55%;
}
#contenido .index p:last-of-type{
	margin-bottom: 40px;
}
#contenido #flash{
	float: right;
	margin: 20px;
	width: 40%;
	max-width: 686px;
}

#contenido a.otros{
	font-family: sans-serif;
	padding: 4px 6px;
	border-radius: 3px;
	background: #357BF6;
	color: var(--white);
	transition: background 0.4s;
}
#contenido a.otros:hover{
	background: var(--white);
	color: #357BF6;
	border: 1px solid #357BF6;
}

/* --------------------- CV y Ventajas -------------------------- */

.cv h3{
	padding: 10px;
	padding-left: 15px;
	background: #3539E3;
	color: var(--white);
	font-weight: normal;
	margin-top: 16px;
	margin-bottom: 12px;
	border-radius: 3px;
}
.cv h3 ~ p{
	margin-left: 10px;
} 
.cv ul, .ventajas ul{
	margin: 5px 15px;
}
.cv ul li, .ventajas ul li{
	margin: 5px 0 14px;
}
.cv .lista li{
	margin-left: 10px;
}
/* .cv .lista li{
	float: left;
	width: 45%;
	margin-right: 4%;
} */

.sublista {
	max-width: 120ch;
}
ul.sublista li {
	margin-bottom: 8px;
}





/* --------------------------------- Factores --------------------------- */
#accordion{
	font-family: sans-serif;
}
#accordion h3{
	margin-top: 16px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 18px;
	color: #0073ea;
	border: 1px solid #dddddd;
	border-bottom: none;
	background: #eee;
	font-weight: bold;
}
#accordion h3 + div{
	padding: 20px;
	border: 1px solid #dddddd;
}









/* --------------------------------- Contacto --------------------------- */
.contacto form{
	width: 60%;
	float:left;
}
.contacto form input, .contacto form textarea{
	padding: 5px;
}
.contacto form input:focus, .contacto form textarea:focus{
	border: 1px solid #3539E3;
	border-radius: 4px 4px 0 4px;
}
.contacto form input:not([type="submit"]), .contacto form textarea{
	display: block;
	width: 90%;
	margin-bottom: 10px;
}
.contacto textarea{
	resize: vertical;
	min-height: 100px;
}
.contacto form input[type="submit"]{
	width: 150px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	cursor: pointer;
	margin-bottom: 20px;
}
.contacto form input[type="submit"]:hover{
	border-color: #3539E3;
	color: #117;
}
.dralia-appointments{
	max-width: 635px!important;	
}

.contacto .datos{
	float: right;
	width: 40%;
}






/* -------------------------------- Piecito -------------------- */

#creditos{
	font-family: sans-serif;
	clear: both;
	text-align: right;
	position: relative;
	top: 20px;
}
#creditos{
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 14px;
	width: 1150px;
	border-top: 1px solid #999;
}
#creditos a{
	font-family: 'Jacques Francois', cursive;
	color: #222;
	text-decoration: none;
	font-size: 16px;
}
#creditos a:hover{
	text-decoration: underline;
	color: #000;
}





/* ---------------------------- Algunas media queries -------------------- */
@media (max-width: 1200px){
	#contenido, #cabecera{
		padding-left: 24px;
		padding-right: 24px;
	}
}