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

body { font-size: 14px; font-family: Arial, "Trebuchet MS", sans-serif; background:#dfe8df; color:black; text-align:center; }

a { color: blue; text-decoration: underline; }
a:hover { color: green; text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.shell { width:881px; padding-left:151px; margin:0 auto; }

input, textarea, select { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; }

h1 { font-family:"Myriad Pro", Arial, Sans-Serif; font-size:25px; color:purple; padding-bottom:5px;text-align:center; } 
h3 { font-family:"Trebuchet MS", Arial, Sans-Serif; font-size:25px; color:black; padding-bottom:5px; } 

div {
display: block;
}
/*
	Header
*/

#header { background:#eaeaea; height:70px; margin-top:5px; }

#logo { background:url(images/iie_logo.jpg); background-repeat:no-repeat; float:left; font-size:22px; padding-top:20px; height:40px; }
#logo a { color:#000; text-decoration:none; }
#logo span { display:block; margin-left:70px; text-align:right; font-size:26px; font-weight:bold; color:black; }

#header .iconos { float:right; padding-top:29px; padding-right:2px; }
#header .iconos a { width:32px; height:32px; float:left; font-size:0; line-height:0; text-indent:-4000px; margin-left:8px; }
#header .iconos a.inicio { background:url(images/home.png); width:32px; height:32px; }
#header .iconos a.productos {  background:url(images/productos.png); width:32px; height:32px; }
#header .iconos a.contacto {  background:url(images/email.png); width:32px; height:32px; }
/*
	Navigation
*/

#navigation,
#navigation .shell { background:url(images/navigation.gif) left top repeat-x; height:53px; }
#navigation .shell { overflow:hidden; width:878px; padding: 1px 8px 0px 75px; position: relative; }
#navigation ul { list-style:none; padding:0 1px 0 0; background:url(images/navigation-separator.gif) right top no-repeat; }
#navigation ul li { float:left; background:url(images/navigation-separator.gif) left top no-repeat; padding-left:1px; height:52px; line-height:52px; }
#navigation ul li a { float:left;  height:47px; line-height:47px; padding:3px 17px 0 20px; font-weight:bold; color:#fff; text-decoration:none; }
#navigation ul li.selected a { float:left;  height:47px; line-height:47px; padding:3px 17px 0 20px; font-weight:bold; color:#fff; text-decoration:none;  background-color:#43b543; }
#navigation ul li a:hover,
#navigation ul li a.active { background-color:#43b543; }

/*
	Intro
*/

#intro { background:url(images/intro.gif) left top repeat-x; }

#intro .shell { background:url(images/intro-slider.jpg) left 289px no-repeat;  height:376px; overflow:hidden; padding:14px 0 0 82px; width:918px; position:relative; }

.slider-holder { width:800px; height:315px; position:relative; }

.slider-holder ul,
.slider-holder .jcarousel-clip { width:800px; height:313px; overflow:hidden; position:relative; z-index:10; }

.slider-holder ul li { width:800px; height:313px; position:relative; }
.slider-holder ul li .post-image { position:absolute; top:0; left:0; z-index:11; }
.slider-holder ul li .post-data { position:absolute; left:0; bottom:0; height:66px; width:800px; background:url(images/transparent-70.png) repeat 0 0 ; z-index:12; }
.slider-holder ul li .post-data h2 { padding:16px 0 0 30px;  font-size:20px; float:left; color:#fff; }
.slider-holder ul li .post-data h2 a { color:#fff; }

.slider-holder .buttons { float:right; padding:8px 32px 0 0; }
.slider-holder .buttons a,
.slider-holder .buttons a span { float:left; font-size:11px; color:#feffff; height:38px; line-height:38px; background:url(images/intro-button.gif);  }
.slider-holder .buttons a { background-position:left; padding-left:17px; text-decoration:none; }
.slider-holder .buttons a span { background-position:right; padding-right:18px; }

.slider-navigation { position:absolute; left:31px; bottom:15px; }
.slider-navigation ul { list-style:none; }
.slider-navigation ul li { float:left; padding-right:5px; }
.slider-navigation ul li a { float:left; width:22px; height:24px; background:url(images/slider-navigation-normal.gif); font-size:0; line-height:0; text-indent:-4000px; }
.slider-navigation ul li a.active { background:url(images/slider-navigation-active.gif); }

.slider-frame { z-index:15; background:url(images/hole.png); width:844px; height:20px; position:absolute; left:-22px; bottom:0px; }

/*
	Main
*/

#main { border-bottom:1px solid blue; padding:13px 0 25px 0; }
#main .shell { width:937px; padding-left:0; }

.box { float:left; width:286px; padding-right:18px; }
.last-box { padding-right:0; }
.box2 { float:left; width:906px; text-align:left;}

#main .box .box-image { padding-bottom:6px; }
#main .box .box-image img { border:2px solid #c3c3c3; }

#main .entry { height:190px; }
#main .entry2 { font-size:14px; }
#main .box p { line-height:18px; padding-bottom:17px; text-align:justify;}

#main .productos ul { list-style:none; padding-top:2px; }
#main .productos ul li { background:url(images/li-border.gif) left bottom repeat-x; padding-left: 8px;padding-bottom :8px; margin-bottom:7px; text-align:left;}
#main .productos ul li a { padding-left:14px; background:url(images/ul-arrow.gif) left 2px no-repeat; color:#035787; text-decoration:none; }
#main .productos ul li a:hover { text-decoration:underline; }

#main .actividades ul { list-style:none; position:relative; top:-2px; }
#main .actividades ul li { background:url(images/li-border.gif) left bottom repeat-x; line-height:18px; color:#34616d; padding-bottom:5px; margin-bottom:5px; }
#main .actividades ul li a { color:#035787; text-decoration:none; }
#main .actividades ul li a:hover { text-decoration:underline; }
#main .actividades ul li p { padding-bottom:0; margin-bottom:0; }

#main .buttons a,
#main .buttons a span { float:left; height:32px; line-height:32px; text-decoration:none; background:url(images/main-button.gif) left top; }
#main .buttons a { padding-left:12px; font-size:10px; color:#feffff; }
#main .buttons a span { padding-right:13px; background-position:right; }
/*
	Footer
*/
#footer { font-size:11px; color:black; padding:8px 0; }
#footer .shell { width:919px; padding-right:19px; padding-left:0; }

#footer a { color:blue; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer .footer-navigation ul { list-style:none; }
#footer .footer-navigation ul li { float:left; font-size:11px; color:#969996; padding-right:7px; margin-right:7px; border-right:1px solid #969696; }
#footer .footer-navigation ul li.last { border-right:0; }

#footer p.right { float:right; }
#footer p.right a { font-weight:bold; text-decoration:underline; color:black; }
#footer p.right a:hover { text-decoration:none; }

ul.listing {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-image: url(images/bullet_amarillo.gif);
}

ul.listing a {
	text-decoration:none;
	font-weight:bold;
	color:navy;
}

ul.listing1 a {
	text-decoration:none;
	font-weight:bold;
	color:maroon;
}

ul.listing2 a {
	text-decoration:none;
	font-weight:bold;
	color:green;
}

ul.listing2 {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	list-style-image: url(images/bullet_azul.gif);
}

ul.listing3 {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	list-style-image: url(images/bullet_rojo.gif);
}

ul.listing4 {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	list-style-image: url(images/bullet_verde.gif);
}

img.displayed {
    display: block;
    margin-left: auto;
    border:2px;
    margin-right: auto 
}

img.displayright {
    display: block;
	float:right; 
	margin: 0 0 15px 15px;     
	border:1px;
}

.azulejo { color: #000080; font: 10pt; }
.azulfuerte { color: #000080; font: 10pt; font-weight:bold; }
.guinda {color: #800000; font-weight: normal; }
.mostaza {color: #3C3C00; font-weight: normal; }
.rosa {color: #6D006D; font-weight: normal; }
.verdeazul {color: #004848; font-weight: normal; }
.guindafuerte {color: #800000; font-weight: bold; }
.mostazafuerte {color: #3C3C00; font-weight: bold; }
.rosafuerte {color: #6D006D; font-weight: bold; }
.verdeazulfuerte {color: #004848; font-weight: bold;}
.centrar { text-align:center; }
.aliderecha { text-align:right; }
.azulborde { border:4px solid #000080; }