/*#############################################################
Name: casa persa 3
Date: 2009-enero-24
Description: web de casa persa
URL: http://www.casapersa.com

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}



a {color: #36C;
    TARGET: new;
font: bold 12px, sans-serif;}

a:hover {color: #06F;}

body {
	background: #4E5D3C url(img/bg.jpg);
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	
}

p,blockquote,ul {margin-bottom: 1.2em;}

h1 {font: normal 1.2em  Trebuchet MS, Verdana,serif;}

h2 {
	font: bold 1em Verdana,serif;
	margin: 3px 0 1px;
}

h3 { font-size: 1.2em; font-family:  serif,Helvetica, Arial, Verdana;  color: #ff0066; margin: 0 0 0.75em; }
/* linea negra */
hr {
	padding-bottom: 0px;
	margin: 10;
	border: 0;
	border-top: 1px solid grey;
	clear: both;
	height: 0px;
	
}
/* linea negra puntos */
.hr1 {
     font-size: 20px; font-family:  serif,Helvetica, Arial, Verdana;  color: #445044;
     border-bottom: dotted 2px #445044;
 }
ul {margin-left: 1.8em;}

blockquote {
	background: url(img/quote.gif) no-repeat;
	color: #555;
	font: normal 1.4em serif;
	padding-left: 22px;
}

img {border: 0px; 

}

blockquote p {padding: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

img.left {margin: 0 18px 6px 0;}

.divider {
	background: url(img/divider.gif) no-repeat;
	height: 20px;
	margin: 24px 0;
}



/* structure */
.container {
	background: url(img/bgcontainer.jpg) repeat-y center top;
	margin: 0 auto;
	width: 736px;
	
}

.gfx {
	
	float: left;
	height: 140px;
	margin-top: 12px;
	width: 52px;
}

.top {
	background: url(img/bgcontent.gif) no-repeat 0 -4%;
	float: left;
	text-align: center;
	width: 632px;
}


.cartelera {
	background: url(img/cartelera.png) no-repeat 0 -4%;
	float: left;text-align: crente;
	width: 447px;height: 255px;
	margin-top: 12px;
	padding: 5px; padding-top: 25px
}

.header {
	background: #56644A url(img/cabecera.jpg) no-repeat;
	color: #FFC;
	font-size: 1.4em;
	height: 232px;
	padding-right: 270px;
}

.header h1 {
	font: normal 3.2em serif,sans-serif;
	padding: 62px 0 34px 0;
}

.pattern {
	background: #334127 url(img/pattern.gif) repeat-x;
	clear: both;
	height: 12px;
}

/* navigation */
.navigation {margin: 0 24px;}

.navigation a {
	color: #6C7151;
	font: normal 1.9em serif;
	line-height: 50px;
	margin: 0 16px;
	text-decoration: none;
}
.navigation a:hover,.navigation #selected {
	color: #2C3111;
}

/* content */
.content {
	background: url(img/bgcontent.gif) no-repeat;
	clear: both;
	font-size: 1.2em;
	margin: 0 52px;
	padding: 0 38px 12px;
}
.content .spacer {
	height: 42px;
}

/* content item */
.item {clear: both;
    }

.item img {border: 0px solid black}

.item .title {
	color: #445044;
	font: normal 2em serif;
}

.titlecentro {
     
	color: #445044;
	font: normal 2em serif;
}

.item .title:first-letter {
	display: block;
	float: left;
	font-size: 2.4em;
}

.item .metadata {
	color: #ff0066;
	font-size: 0.9em;
	float: left;
	padding: 0 0 6px 4px;
}

.item .body {
	clear: both;
}

/* footer */
.footer {
	background: url(img/bgfooter.gif) no-repeat;
	color: #666;
	font-size: 1.1em;
	line-height: 41px; 
	margin: 0 auto;
	text-align: center;
	width: 632px;
}

.footer a {
	color: #666;
	text-decoration: none;
}

.footer a:hover {
	color: #333;
	text-decoration: underline;
}

.textopresentacion {
width: 275px;
text-align:justify; 
	float: left;
}

.textocursos {
width: 330px;
text-align:justify; 
	float: left;
}

.raudio {
width: 250px;
text-align:center; 
float: left;
margin-left: 20px; 
}
.boxnews {
background: #ff6600;
width: 200px; 
float: left;
margin-left: 70px; 
padding: 5px;
}

.cabecera {
background: #4E5D3C;
text-color: white;
}

.Estilo1 {
font: normal 2em serif;
color: #FFFFFF;
text-align:center; }

.fotosfondo {
width: 560px;
height: 250px; 
background: #000000;
font: normal 2em serif;
border-bottom-style:solid;
border-top-style:solid;
border-color:#oo2b2b;
text-align: center;
 }
.fotosfondo p {
	color: #ff0066;
	font-size: 0.8em;
	
	
}
 
.fotoscontenedor {
 float: left;
width: 150px;
height: 150px; 
background: black;
font: normal 0.9em serif #ffffff;
border-style:solid;
border-color:#oo2b2b;
margin-bottom: 5px;
margin-left: 20px;
margin-top: 30px;
 }
 
.anclas {
    float: left;
	color: #ff0066;
	font-size: 0.8em;
	margin-left: 160px;
	margin-top: 20px;
}
/* links-recursos*/
.lin {
	margin-top: 12px;
	
	}
	
.lintitulo {
    background: url(img/iconlink1.gif)  no-repeat;
	padding-left: 22px;
	color: #ff0066;
	font-size: 1.3em;
	font-family: serif, Arial, Verdana; 
	
	}
.lintexto{
    
	padding-left: 22px;
	font-size: 1em;
	font-family: Helvetica, Arial, Verdana; 
	
	}
	/* elementos de tradiciones */
	.left {float: left;
	       width: 267px;
		   background: #a8c6ff;
		   margin:5px;
           }
	
	/* block list */
ul.block {
	border-top: 1px dashed #ffffff;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #ffffff;
	list-style: none;
}
.block li a,.block li em {
	color: #003;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

/* elementos de recursos*/

.whitebox{font-size: 0.8em;
	background-color: #FFFFFF;
	color:#666666;
	margin-left:10px;
}
.whitebox_topleft{
    font-size: 0.9em;
	background: url(img/1-topleft.gif);
	width:9px;
}
.whitebox_bottomright{
	background: url(img/1-bottomright.gif);
	width:9px;
}