@charset "utf-8";
/* CSS Document */
/* Sitio web diseñado por Judith Miranda */
*{margin:0; padding:0; border:none; list-style:none;}

body {background:/*url(img/bodybg.gif) repeat-x fixed bottom*/ #dfdfdf; font:20px  'Abel', Arial, Helvetica, sans-serif; color:#424242;}

#main {width:960px;  margin: 0px auto 0 auto; background:url(img/mainbg.png) no-repeat top center; padding: 0 15px 0 15px;}

a {color: #c81047;text-decoration:none;}
a:hover {text-decoration:none;}
#top {width:100%; background:#fff; position:fixed; top:0px; border-top:0px solid #ee145b; }
#header {width:960px; height:65px; margin: 0 auto 0 auto; padding: 0 15px 0 15px;}

#titulo {width:380px; float:left; height:50px;}
#titulo img {margin-top:20px;}


#menu {width:450px; float:right;  font:10px  Arial, Helvetica, sans-serif; text-align:right; padding-top:10px;  }
#menu ul li {display: inline-block;   margin:0 20px 0 0px; color:#333; padding-top:35px; }
#menu ul li:hover {}
#menu ul li a{color:#666; text-decoration:none;  padding-top:35px;}
#menu ul li a:hover{color:#000; text-decoration:none;}
#menu img{margin:3px 10px 0 4px;}
.nav {float:right;}
.lang {float:right;}


.port {background:url(img/portafolio.gif) no-repeat top center;  }
.card {background:url(img/acerca.gif) no-repeat top center;  }
.mail {background:url(img/contacto.gif) no-repeat top center;  }
.home {background:url(img/home.gif) no-repeat top center; padding:0 5px 0 5px; }
.english {background:url(img/english.gif) no-repeat top center; }
.spanish {background:url(img/spanish.gif) no-repeat top center; }



#logo {float:left; }
#logo img {margin:10px 20px 0 0;}

.info { margin:10px auto 0 auto; }
.info p {color:#333; font:20px Arial, Helvetica, sans-serif; margin:25px 20px 0px 0px; line-height:25px;}
.info a {background:#ededed; padding:2px 5px 2px 5px; border:1px solid #fff;}
.info a:hover {background:#888; color:#fff; padding:2px 5px 2px 5px; border:1px solid #666;}

img.foto {float:right; margin: 8px 0 0 0px; border:1px solid #d8d8d8; padding:3px; background:#fff;}

 h1 {margin:12px 0 2px 0; font-size:36px; text-transform:uppercase; font-weight:700; font-family:  'Sintony', Helvetica, Arial, sans-serif; letter-spacing:-1px; line-height:30px; color:#333;}
 h2 {text-transform:uppercase; font-size:24px; font-style: normal; font-weight:normal; font-family: 'Abel', Arial, Helvetica, sans-serif; color:#888; margin-top:0px; border-left:0px solid #fff; padding:10px 0 0 0; margin-bottom:10px; letter-spacing: normal; }
 h3 {font: 64px 'Raleway', Arial, Helvetica, sans-serif; text-transform:uppercase;margin-top:60px; font-weight:200;}
 h4 {font: 28px 'Raleway', Arial, Helvetica, sans-serif; margin:30px 0px 10px 0px;  padding-bottom:5px; border-bottom:1px solid #bbb; font-weight:400;}
 p {color:#333; margin:0px 0px 10px 0px; line-height:24px;}

.small {font:10px  Verdana, Geneva, sans-serif; text-transform:uppercase; margin:0; color:#777; letter-spacing:1px;}
.sociales { display:inline; float:left; margin:4px 8px 0 0;
}

.red {color:#c81047;}
.black {color:#000;}

.mail {margin:20px auto 0 40px;}

#pie {width:960px; height:150px; margin:0px auto 0 auto; padding-top:10px; color:#333; border-top:1px solid #ccc; font-family:Arial, Helvetica, sans-serif;}
#pie p {width:500px; float:left; font-size:11px;}
#pie img {float:right; margin:0px;}
#pie a {color:#fff;}

img {border:0; padding:0; margin:0;}
.gallery {
		/*font-size:0px; arregla el espacio fantasma entre imgs*/
		padding: 0px;
		width: 960px;
		border-top:1px solid #bbb;
		margin:20px 0 40px 0;
	}
	.gallery ul { list-style: none; margin:0 0 0px 0px; padding:0; /*background:#dadada;*/ }
	.gallery ul li { display: inline; border:0; padding:0; margin:0; width:150px; height:150px;}
	.gallery ul img {
		border: 2px solid #dfdfdf;
		margin:0;
		padding:0;
		width:150px;
		height:150px;
	}
	.gallery ul a:hover img {
		border-color: #666;
	}
	.gallery a{border:0; padding:0; margin:0; }
	#cboxTitle {font-family:Arial, Helvetica, sans-serif;}
	#cboxTitle a {background:url(img/weblink.gif) no-repeat right top; padding-right:15px; }
	
	
.seccion {  border-top:1px solid #ccc;}
.contenido {width:960px;  margin: 0px auto 0 auto;padding:30px 0 50px 0;}


#inicio { padding:70px 0 50px 0;background:#222; }

#portafolio {padding:10px 0 50px 0; background:none; border-top:10px solid #444;}
#acerca {padding:10px 0 50px 0; background:#222; color:#fff;  border-top:10px solid #444; }
#contacto {padding:10px 0 10px 0; background:none; border-top:10px solid #444;}

#inicio img {float: right; margin:50px 0 0 50px;}
#inicio p {margin:40px 0 0 0; font-family:'Abel', Georgia, "Times New Roman", Times, serif; font-size:28px; line-height:32px; color:#eee;}
#inicio strong{color:#fff;}
#inicio a {color:#ef2c6c;}
#inicio .intro {font-size: 38px; font-family: 'Raleway', Georgia, "Times New Roman", Times, serif; font-weight:200; line-height:38px;}
#inicio strong {font-weight:500;}

#acerca a {color:#ef2c6c;}
#acerca p {color:#eee;}

#acerca ul {margin-left:15px;}
#acerca h4 {border-color:#444;}
#acerca .right {border-color:#444;}
#acerca ul li {margin-bottom:5px; list-style: square;}

.left {width:450px; float:left; }
.right {width:450px; float:right; border-left:1px solid #ccc; padding-left:30px;}
.clear { clear:both;}



img {border:0; padding:0; margin:0;}

/*contact form
*/

#wrap {
	background: #fff;
	border: 5px solid #7a91a1;
	margin: auto;
	width: 500px;
	float:right;
}

form {
	
	padding: 0;
	margin: 0 0 20px;
}
table {
	margin: 0 auto;
}
tr, td, input, textarea {
	margin: 0;
	padding: 0;
}
td {
	padding: 0 0 5px;
}
tr td:first-child {
	padding-right: 10px;
	padding-top: 11px;
	text-align: right;
	vertical-align: top;
}
.error[generated=true] {
	color: #dc0000;
	font-size: 16px;
	padding: 5px 0 2px 5px;
}
tr.error td {
	padding: 0;
}
input, textarea {
	background: #FFF;
	border: 1px solid #ccc;
	font: inherit;
	font-size: 16px;
	line-height: 29px;
	min-height: 30px;
	padding: 5px 10px;
	width: 300px;
}
input:focus, textarea:focus {
	border-color: #c81047;
	outline: none;
}
textarea {
	height: 240px;
	resize: vertical;
}
input[type=submit] {
	background: #c81047;
	color: #FFF;
	font: inherit;
	padding: 7px 20px;
	font-weight:bold;
	width: auto;
}

#response {
	margin-bottom: 20px;
	text-align: center;
}
#response .success {
	color: #08a300;
	font-size:24px;
}
#response .failure {
	color: #dc0000;
	font-size:24px;
}