/*Author: Guillermo Lázaro
name: Matarranya
Version: 1.0
Tags: rojo, blanco. */

/*Fuentes*/

/*explorer*/
@font-face {
  font-family: "Century Gothic";
  src: url("fuentes/century.eot");
}
/*Firefox chrome...*/
@font-face {
  font-family: "Century Gothic";
  src: url("fuentes/century.ttf") format("truetype");
}

@font-face {
  font-family: "budhand";
  src: url("fuentes/budhan.ttf");
}
/*Generales*/
body {
	
background:#af1b1b;
font-family: "Century Gothic",Verdana,Arial;
font:12px;
margin:0 auto;
padding:0px; 
color: #fff;
text-align: justify;
}

p {
	text-indent: 14px;
	line-height:2em;
}

a:link, a:visited, a:hover, a:active {
    color: #fff;
    text-decoration: underline;
}

img {
	border:0px;
}

li{
	line-height:2em;
	padding: 0px 20px 0px;
	list-style:none;
}

.izq {
	float:left;
	margin: 0px 14px 0px 0px;
}

.der {
	float:right;
	margin: 0px 0px 0px 14px;
}


h3{
	text-align: center;
	text-decoration: underline;
}

#navegacion{
	margin: 0 auto;
	width:100%;
	height: 31px;
	background: #600;	
}
.redes{
	margin: 0 auto;
	padding:4px 10px 0;
	width:960px;
	text-align: right;
}

#cuerpo{
	width:960px;
	margin:0 auto;
	background:#af1b1b;
	margin-bottom: 20px;
}
#cabecera{
	margin:0px 0px 30px 0px;
	padding:0px;
	background: url("imagenes/bocadillo2.jpg") 0px no-repeat;
	width:960px;
	height:380px;
}
#cabecera2{
	margin:0px 0px 30px 0px;
	padding:0px;
	background: url("imagenes/chuleton2.jpg") 0px no-repeat;
	width:960px;
	height:380px;
}
#cabecera3{
	margin:0px 0px 30px 0px;
	padding:0px;
	background: url("imagenes/letrero.jpg") 0px no-repeat;
	width:960px;
	height:380px;
}
#cabecera4{
	margin:0px 0px 30px 0px;
	padding:0px;
	background: url("imagenes/copa.jpg") 0px no-repeat;
	width:960px;
	height:380px;

}
#cabecera5{
	margin:0px 0px 30px 0px;
	padding:0px;
	background: url("imagenes/cliente.jpg") 0px no-repeat;
	width:960px;
	height:380px;
}
#menu{
	margin:0px;
	padding:5px 20px;
	float:left;
}

#titulo{
	margin:260px 0px 20px 20px;
	padding:0px 10px 0px 20px;
	float:right;
	background: #af1b1b;
	color:#FFFFFF;
	font-family:"Century Gothic";
}

#titulor{
	margin:260px 0px 20px 20px;
	padding:0px 10px 0px 20px;
	float:right;
	background: #af1b1b;
	color:#e4d601;
	font-family:"budhand";
	font-size: 20px;
}




ul.menu{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font:bold 16px;
	line-height:165%;
	width:200px;
	}

ul.menu li{
	margin:0;
	padding:0;
	border-top:1px solid #e4d601;
	}

ul.menu li a{
	display:block;
	color:#fff;
	background:#600;
	padding:0 0 0 20px;
	width:180px;
	text-decoration: none
	}

ul.menu li a:hover{
	background:#900 url("imagenes/flecha.gif") no-repeat 0 9px;
	}

ul.menu li a.activo,ul.menu li a.activo:hover{
background:#933 url("imagenes/flecha.gif") no-repeat 0 9px;
	}

.llamadas{
	font-family: "Century Gothic",Verdana,Arial;
	width: 299px;
	margin: 20px 0px 0px 12px;
	padding:30px 0px 8px 0px;
	display:inline;
}

.llamadas2{
	font-family: "Century Gothic",Verdana,Arial;
	width: 200px;
	margin: 40px 0px;
	padding:40px 0px 8px 0px;
	display:inline;
}

.telefono{
	text-align: center;
	font: 25px normal;
	font-family: "Century Gothic",Verdana,Arial;
	color:#e4d601;
}
.amarillo{ color:#e4d601;}

.contacta{
	margin:0px auto;
}

.contacta img{
	vertical-align: middle;
}

#pie{
	margin: 20px auto;
	padding: 1px 0px 0px 0px;
	width:100%;
	background: #600;
	font: 10px normal;
	font-family: "Century Gothic",Verdana,Arial;
	color:#fff;
	text-align:center;
	line-height:3px;
}

/*Tablas*/
table {
  border-collapse: collapse;
  background: #af1b1b;
  }
  
  caption{
	text-align: center;
	text-decoration: underline;
	font: 26px bold;
	font-family: "Century Gothic",Verdana,Arial;
	padding: 10px 0px 10px 0px;
}
  
/*Clase para tabla carta*/
 .carta td, th {
  font: 16px "Century Gothic", verdana, arial;
  padding: .9em;
  color: #fff;
  vertical-align: middle;
  max-width: 510px;
  }
  
  .carta  thead th, tfoot th {
  font: bold 18px "Century Gothic", verdana, arial;
  text-align: center;
  padding: .9em;
  }
  
  .nomb{
  font: bold 16px "Century Gothic", verdana, arial;
  padding: .9em;
  color: #fff;
  vertical-align: middle;
  width: 180px;
  }

 .errormsg {
	font: bold 14px "Century Gothic", verdana, arial;
	color:#E4D601;
 }

/*Formularios*/
legend {
	color:#fff;
}

fieldset{
	border: 2px solid;
	color:#fff;
	margin-bottom:20px;
}

iframe {
margin:18px 10px 0px 0px;
}

#formulario li {margin:10px; list-style: none;}
#formulario input  {text-align: left;}
#formulario textarea {text-align: left;}
  
.cuadro { 
	width:425px; 
	height:310px;
	float:right;
	background-color:#B24848;
	margin-top:18px;
	margin-bottom:20px;
}

.cuadro ul{
	margin-top: 10px;
	margin-bottom: 10px;
}

.cuadro li{
	list-style-type: disc;
	font-weight:bold;
	
}
 h4{
	font-family: arial;
	color:#E4D601;
	font-size: 24px;
	float:right;
 
 }