/* CSS para el proyecto MÁS QUE UNA IMAGEN > PROTEGELES ****/


body{
	margin:0;
	padding:0;
	font:normal 12px Georgia, "Times New Roman", Times, serif;
	color:#15476E;
	background: #94BFD7 url(../images/index/background.jpg) repeat-x;
}

p{

}


a{
	text-decoration: underline;
	color:#D0E1EE;
}

strong{

}

h1{
	font:bold 1.2em "trebuchet MS", verdana, arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding:0;
}

h2{

	font:bold 1.4em "trebuchet MS", verdana, arial, Helvetica, sans-serif;
	padding:3px 5px;
	margin:0 0 35px 0;
	color:#f2f2f2;
	display: block;
	background: url(../images/index/menu_bg_hover.gif);
}

h3{
	font:bold 1.2em "trebuchet MS", verdana, arial, Helvetica, sans-serif;
	border-bottom:dotted 1px #D0E1EE;
}

/******************************************* ELEMENTOS PRUDENCIALES *********************************************/

form{
	margin:0;
	padding:0;
}

div{
	float:left;
	overflow:hidden;
}

img{
	float:left;
	border:none;
}

.img_right{
	float:right;
}


/******************************************* BOXES ESTRUCTURALES ************************************************/

#align{
	width:770px;
	float:none;
	margin: 0 auto;
}

#main{
	width:255px;
}


#contenidos{
	width:500px;
	background: url(../images/index/bg_body.jpg) no-repeat;
	padding:100px 0 0 15px;
}

#contenidos img{
	float:right;
	margin:0 0 5px 5px;
}

#pie{
	width:770px;
	padding:5px 0 8px 0;
	margin:15px 0 10px 0;
	text-align:center;
	color:#fff;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(../images/index/footer.jpg);
}

#logos{
	width: 770px;
	text-align:right;
	padding:0 0 14px 0;
}



/******************************************* LOGOS DEL PIE ****/

#logos ul{
	margin:0;
	padding:0;
}

#logos li{
	list-style:none;
	float:right;
	margin:0 0px 0 20px;
}


/******************************************* MENU ****/


#menu{
	width:255px;
	height:auto;
	padding:10px 0 0px 10px;
	font: bold 0.9em Georgia, "Times New Roman", Times, serif;
}

dl, dt, dd, li {

	margin: 0;
	padding: 0;
	list-style-type: none;

}

dl#menu {

	text-transform: uppercase;
	list-style-type: none;
}

dl#menu dt{

}

dl#menu dt a {
	width:230px;
	background: url(../images/index/menu_bullet.jpg) no-repeat 00px 4px;
	padding:2px 0 2px 10px;
	text-decoration: none;
	color:#15476E;
	display: block;
	background:url(../images/index/menu_bg.gif);
	border-top:1px solid #6C9FC5;
}

dl#menu dt a:hover {
	background:none;
}

#menu ul{
	float:left;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	margin:3px 0 10px 10px;
}

#menu li a{
	width:220px;
	display:block;
	text-transform:none;
	padding:1px 0 1px 10px;
	margin: 0 0 3px 0;
	text-decoration:none;
	color:#D0E1EE;
	background: url(../images/index/menu_bullet.jpg) no-repeat 0px 6px;
}

.menu li a:hover{
	color:#fff;
	background:url(../images/index/menu_bg_hover.gif);
}



#mariposa{
	width:255px;
	height:280px;
	padding:0;
	background: url(../images/index/mariposa.png) bottom left no-repeat !important;	
	background: none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/mariposa.png');
}

/******************************************* BOXES CONTENIDOS ************************************************/

#contenidos ul{
	margin:10px 0 20px 30px;
	padding:0 50px 0 0;
}

#contenidos li{
	margin:0 0 10px 0;
	list-style:none;
	padding:0 0 0 10px;
	background:url(../images/index/menu_bullet.jpg) no-repeat 0px 5px;
}


/******************************************* BOXES IDEX ************************************************/

.index{
	width:617px;
	height:465px;
	float:none;
	margin:0 auto;
	padding:65px 0 0 0;
	background: url(../images/presentacion/background.jpg) repeat-x;
}

.index_left{
	width:340px;
	text-align:right
}

.index_left img{
	text-align:right;
	float: right;
}

.index_right{

}

.index_logos{
	width:597px;
	background:#95BFD7;
	padding:10px;
	margin:25px 0 0 0;
}

.index_logos  ul{
	margin:0;
	padding:0;
}

.index_logos li{
	list-style:none;
	float:right;
	margin:0 0px 0 20px;
}

/******************************************* BOXES INICIO ************************************************/


.inicio{
	width:500px;
	height:400px;
	background: url(../images/index/inicio.png) bottom left no-repeat !important;	
	background: none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/inicio.png');
}

.inicio_left{
	width:320px;
	margin:0  30px 0 0;
}

.inicio_right{
	width:118x;
	height:400px;
	padding:16px 20px 0 9px;
	background: url(../images/00/columna.png) top left no-repeat !important;	
	background: none;
	filter: none !important;
	text-align:center;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/00/columna.png');
}

.inicio_right h1{
	margin:0 0 10px 0;
	padding:0;
}

.inicio_right a{
	padding:5px 0 0 0;
}


.inicio_right p{
	margin:0 0 5px 0;
	padding:0;
}


/******************************************* BOXES CONTACTO ************************************************/

.contacto{
	float:left;
	margin:0 0 0 20px;
}

.contacto table{
	width:400px;
	float:left;
	height:auto;
}

.contacto strong{
	float:right;
	padding:2px 3px 0 0;
}

.contacto input{
	float:left;
}

.contacto input{
	color:#fff;
	background:#8eb9d4;
	width:300PX;
	padding:0 5px;
	border:1px solid #abcade;
}

.contacto textarea{
	color:#fff;
	padding:5px;
	background:#8eb9d4;
	width:300PX;
	height:170px;
	border:1px solid #abcade;
}