/* CSS Calzados Marpe */

/* Estilos especificos del web */

* { margin:0px; padding:0px;}

body {
	margin:0px;
	padding:0px;
	color:#333;
	font:85% Tahoma, Arial, Verdana;
	background-color:#151257;		

}
h1 {
	margin:14px 0 0 40px;
	padding:0px;
}
h2 {
	color:#65644d;
	font:normal 110% "Trebuchet MS", Verdana, Tahoma, Arial;
	margin:10px 20px 20px 25px;
	text-align:center;
}
h2 strong { display:block; font-size:130%;}

h3 {
	font:normal 190% "Times New Roman", Times, serif;
	color: #65644d;
	float:right;
	margin:0px 40px 0;
	padding:0px;	
}
.flotar { float:none; margin-left:0px; 	font:normal 190% "Times New Roman", Times, serif;
}
.txt h3 {
	font:normal 190% "Times New Roman", Times, serif;
	color: #65644d;
	margin:20px 0 0;
	padding:0px;
	float:none;
}
h4 {
	margin:0px 0px 20px 0px;
	font:italic 160% "Times New Roman", Times, serif;
	color: #65644d;
	border-top:1px dotted #65644d;
	padding-top:8px;
	margin-top:8px;
}

p {
	padding:0px;
	margin:0px 0 10px;
	line-height:130%;
}

a{
	color:#000;
	text-decoration:none;	
}

a:link{
	color:#000;	
}

a:visited{
	color:#333;	
}

a:active{
	color:#65644d;	
}

a:focus{
	color:#65644d;	
}

a:hover {
	color:#151257;
}

img { border-style:none;}
.clear {clear: both; color:#999; text-align:right; font:0.7em tahoma, Verdana, Arial, Helvetica;}
noscript p{ clear:both; margin: 20px auto; width:950px; display:block;}


/*-- Estilos para la Home --*/

#contenedor {
	width:931px;
	margin:0px auto;
	background: url(../img/fondo-cont.gif) left 50px repeat-y;
	border-bottom:12px solid #fff;
}

.col-i { float:left; width:270px; background: url(../img/fondo-sup.gif) left 0px no-repeat; }
.menu {  margin:0px 0 4px 50px; }
.menu li {
	margin-bottom:3px;
	list-style-type:none;
	font:bold 105% Verdana, Arial, Helvetica, sans-serif;
	color:#a31a57;
	background-color:#151257;
}
.menu li a { color:#fff; padding:6px 8px; display:block;}
.menu li a:hover { color:#b8b6ee;}
.menu .current { background-color:#65644d; color:#fff; padding:6px 8px;}
.img-home {
	float:right;
	width:643px;
	padding-bottom:16px;
	background:url(../img/fondo-sup.gif) right top no-repeat;
	overflow:hidden;
	margin:0;
	padding-left:18px;
}
.img-home2 {
	float:right;
	width:621px;
	padding-bottom:16px;
	background:url(../img/fondo-sup.gif) right top no-repeat;
	overflow:hidden;
	margin:0;
	padding-left:40px;
}

.video { width:395px; height:245px; margin-top:7px; padding:0; float:left;}
.home { float: left; width:203px; margin:15px 0 0 18px;}
.menu-sup { margin:11px 0 37px; float:right;}
.menu-sup li{ display:inline; list-style-type:none; color: #b8b6ee; font:80% Tahoma, Arial, Verdana;}
.menu-sup li a{ color: #b8b6ee; padding:0 8px; }
.menu-sup li a:hover{ background-color:#b8b6ee; color: #151257; text-decoration:none;}
.menu-sup .current2{ background-color:#b8b6ee; color: #151257; padding:0 8px; }

.menu-sup .tel { background:url(../img/ico-tel.gif) left center no-repeat; padding-left:15px; color:#fff; margin:0 5px 0 30px; font:bold 110% Arial, Helvetica, sans-serif;}

/*---- Paginas interior ---------- */

.altura { min-height:490px;}
.imagen { float:left; margin:0px 10px 0 0; }
.imag { 
	width:548px;
	height:378px;
	margin:10px 0 0 35px;
	clear:both;
}

.plano {margin:25px 45px 10px 20px }

.plano a { 
	border:1px dotted #65644d;
	color:#65644d;
	margin-top:20px;
	padding:5px;
	display:block;
	width:200px;
}
.plano a:hover { 
	border:1px dotted #65644d;
	color:#fff;
	background-color:#65644d;
}

.txt { 
	float:left; 
	width:330px;
	font:85% Tahoma, Arial, Verdana;
	color: #373324;
}
.txt2 {
	margin:0 40px 0 10px;
	font:85% Tahoma, Arial, Verdana;
	color: #373324;
}

.txt p, .txt2 p { 
	line-height:160%;
}

.txt ul, .txt2 ul{ margin-left:20px;}
.txt li, .txt2 li { 
	font:110% Tahoma, Arial, Verdana;
	list-style-type:none;
	padding:0 0 7px 12px;
	background:url(../img/flecha-ico.gif) left 4px no-repeat;
}

.galeria{ margin:20px 30px 0 20px; clear:both; }
.galeria li { float:left; list-style-type:none; margin-right:9px; border:1px solid #e8e8d7;}
.galeria li:hover { border:1px solid #65644d;}
.galeria li:focus, .galeria li:active { border:1px solid #65644d;}


/*.galeria li img { border:3px solid #fff;}*/

/* -- Formulario -- */

/*estilos de formulario */

.formulario h3 { margin-bottom:10px;}
#formulario { width:100%; margin:10px auto; }

.gracias {
	width:90%;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font:90% Tahoma, Arial, Verdana;
}
label { display:block; line-height:120%;
}
input, textarea{
	border-style:none;
	border-bottom:1px solid #999;
	padding:1px;
	color:#0c04fc;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:98%;
	background-color:#eee;
	margin-bottom:3px;	
	list-style-type:none
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:80px;
	color:#65644d;
	border:1px solid #65644d;
	display:block;
	margin:20px 0px 10px 130px;
	cursor:pointer;
	padding:2px 0;
}

.boton:hover{
	background-color:#65644d;
	color:#fff;
}
.check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}
#formulario a {
	color:#666;
	border-bottom:1px dotted #666;
}
#formulario a {
	border-bottom:1px solid #666;
}
.gracias { padding:60px 30px; line-height:180%;}

.gracias a { display:block;	margin:10px 0; text-decoration:underline;}
.gracias a:hover { color:#cc0000;}



/* -- Pie -- */

#pie {	
	font:80% Tahoma, Verdana, Arial, Helvetica;
	color:#fff;
	height:30px;
	width:931px;
	margin:0 auto;
}
#pie p {
	margin:5px 0px 0 0px;
	padding:0px;
	float:left;
	width:280px;
}
address { margin:5px 0px 0 0; font-style:normal; float:left; }
#pie ul {
	margin:5px 0 0px;
	padding:0px;
	float:right;
	width:130px;
	text-align:right;
}
#pie li {
	float:left;
	display:block;
	list-style-type:none;
	color:#fff;
	vertical-align:middle;
}

#pie li a{
	color:#fff;
}
#pie li a:hover{
	color:#fff;
	border-bottom:1px dotted #fff;
}


/*------- accesibilidad ------------ */

.accesibilidad { padding-top:10px; line-height:180%;}
.accesibilidad h3 { margin:20px 0 10px; font:bold 120% Arial, Helvetica, sans-serif; color:#333;}
.accesibilidad ul { padding-left:10px;}
.accesibilidad li { background:url(../img/ico-flecha-rosa.gif) left center no-repeat; margin-left:50px; list-style-type:none;  padding-left:10px;}


/*------------- galeria -----------------*/

  /*.example {
    padding: 10px;
  }*/
	pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
  }