/* CSS Document */
	
@font-face{
font-family:"Edwardian Script ITC";
src: url("/font/ITCEdscr.ttf");
}

body{
background-color:#F4EECA;
}

#contenedor{
margin:50px auto;
border:solid 1px #000000;
background-color:#f3c7a1;
width:900px;
height:610px;
}

#header{
background-color:#f3c7a1;
background-image:url(../images/logo.jpg);
background-position:right;
background-repeat:no-repeat;
height:111px;
}

#footer{
clear:both;
display:block;
width:100%;
padding:0px;
height:60px;
border-top: solid 2px #e1b188;
text-align:center;
margin-top:30px;
}

#menu{
float:left;
padding-left:5px;
width:220px;
display:block;
}

#principal{
border: solid 2px #B8C11F;
float:left;
display:block;
margin: 2px;
padding: 4px 8px 8px 8px;
width:630px;
height:435px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
background-color:#F4EECA;
}

#principal h2{
font-size:16px;
border-bottom: solid 2px #B8C11F;
}

#principal h3{
font-family:'Alex Brush', cursive;
font-size:48px;
color:#000000;
font-weight:normal;
margin:0;
float: left;
}

#principal h4{
font-family:'Alex Brush', cursive;
font-size:44px;
color:#000000;
font-weight:normal;
margin:0;
float: left;
}

#principal ul li
{
line-height:1.7em;
}

#firma{
width:250px;
margin:0 auto 0 auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background:url(../images/firma.png) left no-repeat;
height:30px;
padding-left:11px;
padding-top:15px;
}

#firma a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;}



#firma a:hover{
text-decoration:underline;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;}

#web-buttons-idmwlr7 a{display:block;} 
#web-buttons-idmwlr7 a:hover{background-position:left bottom;}
a#web-buttons-idmwlr7a {display:none}

#formContacto{
width:95%;
}

#formContacto label{
display:block;
color: #B8C11F;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}


#formContacto input[type="text"]{
width:400px;
background-color: #F4EECA; 
border: solid 1px #B8C11F;
}

#formContacto input[type="text"]:focus{
width:400px;
background-color: #FFFFFF; 
border: dotted 1px #B8C11F;
}

#formContacto textarea{
width:400px;
background-color: #F4EECA; 
border: solid 1px #B8C11F;
}

#formContacto textarea:focus{
width:400px;
background-color: #FFFFFF; 
border: dotted 1px #B8C11F;
}
.nota{
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
}

#gallery {
		margin:0;
		padding: 2px;
		width: 100%;
		
	}
#gallery ul { list-style: none; padding:5px 0 0 0; margin:0; }
#gallery ul li { display: inline; }
#gallery ul img {
		border: 5px solid #f3c7a1;
		border-width: 5px 5px 20px;
	}
#gallery ul a:hover img {
		border: 5px solid #B8C11F;
		border-width: 5px 5px 20px;
		color: #fff;
	}
#gallery ul a:hover { color: #fff; }

#share{
    float:left;
    margin-left: 5px;
    margin-bottom: 5px;
}

/******************************************************************/
/*******************       PAGINACION          ********************/
/******************************************************************/

	
#antsig{
	width:400px;
	height:62px;
	text-align:center;
	margin:0 auto;
	}
/******************************************************************/
/*******************   FIN PAGINACION          ********************/
/******************************************************************/

#paginator{
    display: block;
    width: 99%;
    border: 0px;
    text-align: center;
}

#paginator ul{
    list-style: none;
}

#paginator ul li{
    display: inline;
    margin-left: 2px;
}

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

#paginator ul li a:hover{
    text-decoration: underline;
    color: #000;
}

.clear{
    clear: both;
}