@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;}

/* remember to define focus styles! */
:focus {
    outline: 0;}

body {
    line-height: 1;
    color: black;
    background: white;}

ol, ul {
    list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table{
    border-collapse: separate;
    border-spacing: 0;}

caption, th, td {
    text-align: left;
    font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";}

blockquote, q {
    quotes: "" "";}
	
/* FIN DEL RESET */

body{
	background-color:#FDFDFD;}


.headwrapper{
	width:100%;
	height:115px;
	border-bottom: solid 2px #741B68;
	background-color:#F5F5F5;
	}
	
	.header{
		width:1000px;
		height:115px;
		margin:auto;
		position:relative;
		}
		
		.logo{
			width:250px;
			height:115px;
			float:left;
			}
			
/*  MENU */
			
		.menu{
			height:30px;
			width: 600px;
			float:right;
			margin-top:40px;
			}
			
			.menu li{
				list-style:none;
				display:block;
				}
			
			.button{
				padding:5px 15px 0px 15px;
				float:left;
				display: block;
				}
				
			.menu li a{
				text-align:center;
				text-decoration:none;
				color:#333;
				font-size:20px;
				font-weight:300;
				font-family: 'Source Sans Pro', sans-serif;
				}
				
			.menu li a:hover{
				text-align:center;
				text-decoration:none;
				color:#741C68;
				font-size:20px;
				font-weight:300;
				font-family: 'Source Sans Pro', sans-serif;
				}
				
			.gap{
				width:2px;
				height:30px;
				background-image:url(../img/bar_menu-01.png);
				float:left;
				}
				
/* SUBMENU */				

			.submenu{
				list-style: none;
				}
	
			.submenu li a{
				color: #FFF;
				}
		
			.submenu li a:hover{
				color: #FFF;
				text-decoration:underline;
				}
	
			.menu li:hover {
				position: relative;
				z-index: 599;
				}
	
			ul.nav ul {
				visibility: hidden;
				position: absolute;
				top: 115%;
				left: -2px;
				z-index: 598;
				background:#741C68;
				}
	
			ul.nav ul li {
				float: left;
				width:110px;
				border-top: #fdfdfd thin solid;
				padding: 5px 15px;
				}
	
			ul.nav ul ul{
				top: -2px;
				left: 100%;
				}

			ul.nav li:hover > ul {
				visibility: visible;
				display: block;
				}
				

/* CONTENIDO */
				
.photo{
	width:100%;
	height:445px;
	margin:auto;
	position:relative;
	border-top: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	background-color:#FFF;
	background-image:url(../img/banner-06.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}

.content{
	width:100%;
	margin:auto;
	position:relative;
	border-top: solid 2px #741B68;
	background-color:#f5f5f5;
	}	

	.formulario{
		width:1000px;
		height:265px;
		margin:auto;
		position:relative;
/*		border-left:solid thin #cdcdcd;
		border-right:solid thin #cdcdcd;
		border-bottom:solid thin #cdcdcd;*/
		}
	
	.contacto{
		width:1000px;
		text-align:left;
		padding: 15px 165px;
		}	
	
		.form /* Cada campo de información */ {
			width:320px;
			float:left;
			margin: 0 15px;
			}
		
		.message {
			width:650px;
			float: left;
			margin: 0 15px;
			}

	.contacto label{
    	display: inline-block; /* esto es para que el label se sobreponga a la caja de texto */
		width:100px;
		float:left;
		margin: 5px 0;
		}
	
	.contacto div{
    	margin-bottom: 15px; /* esto los separara un poco */
		}
	
	.contacto input[type='text'], .contacto textarea, .contacto input[type='email'] {
    	padding: 7px 6px;
    	width: 180px; /* una longitud definida para los datos personales*/
    	border: 1px solid #741B68;
		border-radius:4px;
    	resize: none; /* esta propiedad es para que el textarea no sea redimensionable */
		}
	
	.contacto textarea{
    	padding: 7px 6px;
    	width: 530px; /* una longitud definida para el mensaje*/
    	border: 1px solid #741B68;
		border-radius:4px;
    	resize: none; /* esta propiedad es para que el textarea no sea redimensionable */
		}
	
	.contacto select {
    	padding: 7px 6px;
    	width: 195px; /* una longitud definida para el selector múltiple*/
		height:30px;
    	border: 1px solid #741B68;
		border-radius:4px;
		}

	.contacto input[type='text']:focus, .contacto textarea:focus, .contacto input[type='email']:focus, .contacto select:focus{
    	outline: none; /* reset especifico para Chrome/Safari */
    	box-shadow:0 0 0 2px #DCCEEA;
		}
	
	.contacto input[type='submit'] /* Botón de envío */{
		width:78px;
		height:23px;
		background:#741B68;
		margin-left:580px;
		float:left;
		border-radius:4px;
		color:#FFF;
		border:none;
		font-size:14px;
		font-weight:300;
		font-family: 'Source Sans Pro', sans-serif;
		}

	.contacto input[type='submit']:hover{
		width:78px;
		height:23px;
		color:#FFF;
		text-decoration:underline;
		}

.error {
    background-color: #371253;
    padding: 6px 12px;
    border-radius: 4px;
    color: white;
    font-weight: 400;
    margin-left: 16px;
    margin-top: 6px;
    position: absolute;
	font-family:'Source Sans Pro', sans serif;
	font-size:12px;
	}
	
.error:before { /* Este es un truco para crear una flechita */
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #371253;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 4px;
	}
	
				
.footwrapper{
	width:100%;
	height: 160px;
	background-color:#f5f5f5;
	/* float:left; */
	}
	
	.footer{
		width:965px;
		height: 125px;
		margin:auto;
		position:relative;
		font-family:'Source Sans Pro';
		font-size:12px;
		line-height:15px;
		padding: 17px 5px;
		color:#741B68;
		font-weight:400;
		text-align:center;
		}
		
.datos {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding-right: 260px;
    font-size: 15px;
}

.footer a {
    vertical-align: middle;
    display: inline-block;
}
	
.bottom{
	width:100%;
	height:10px;
	background-image:url(../img/bot_bar.png);
	}
	
h1{
	font-family:'Source Sans Pro';
	font-size:20px;
	line-height:18px;
	color:#741B68;
	font-weight:300;
	}
	
h4{
	color:#333;
	font-size:13px;
	font-weight:300;
	font-family: 'Source Sans Pro', sans-serif;
	}