a:link {
	color: #632523;
   text-decoration: none;
   font-weight: bold;
	
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

a:visited {
	color: #632523;
text-decoration: none;
	
}

body {
	margin: 0px 0px 0px 0px;
	background: white;
	font: 13px Arial, Helvetica, sans-serif;
	color: #444444;
}

#back1
{
margin-top: 0px;
width: 1200px;
height: 220px;
background: url(images/fondo_azul.png) no-repeat;
margin: 0 auto;
}

#back2
{
width: 1200px;
background: #b9cde5;
margin: 0 auto;
}

#back3
{
position: relative;
top: -100px;
width: 1200px;
height: 130px;
background: url(images/fondo_azul.png) no-repeat;
margin: 0 auto;
z-index: 1;

}

#back3-index
{
position: relative;
top: -80px;
width: 1200px;
height: 100px;
background: url(images/fondo_azul.png) no-repeat;
margin: 0 auto;
z-index: 1;
}

#header {
	position: relative;
	top: 10px;
	left: 100px;
	height: 120px;
	width: 1000px;
	background: url(images/header.png) no-repeat;
	border: 0px solid;
}

#logo {
	position:relative;
	float: left;
	top: 25px;
	left: 40px;
	border: 0px solid;
	width: 231px;
	height: 110px;
	background: url(images/logotipo_sumi.png) no-repeat;
}

#motto {
	position:relative;
	float: left;
	color:#632523;
	top: 5px;
	left: 180px;
	width: 573px;
	height: 61px;
	background: url(images/motto.png) no-repeat;
}
#direccion {
	clear:both;
	position:relative;
	color:#632523;
	top: -40px;
	left: -25px;
	border: 0px solid;
	font-size: 18px;
	text-align: right;
}

#menu
{
	position: relative;
	top: 10px;
	left: 130px;
	width: 600px;
	height: 40px;
	background: url(images/menu-back.png) repeat-x;
}

#menu a {
	float: left;
	width: 120px;
	height: 28px;
   text-align: center;
	text-decoration: none;
	color: #632523;
	font-weight: bold;
	padding-top: 12px;
	font-size: 14px;
}

#menu a:hover {
	width: 120px;
   height: 28px;
	color: yellow;
	background: url(images/menu-hover.png) no-repeat;
	font-weight: bold;
	text-transform: none;
	padding-top: 12px;
	font-size: 14px;
}

#menu a:active {
	width: 120px;
   height: 28px;
	color: yellow;
	background: url(images/menu-hover.png) no-repeat;
	font-weight: bold;
	text-transform: none;
	padding-top: 12px;
	font-size: 14px;
}

#main
{
	position: relative;
	top: -51px;
	left: 100px;
	width: 1000px;
	background-color: #eeeeee;
	border-top: 10px solid #953735;
}

#main-index
{
	position: relative;
	top: -63px;
	left: 100px;
	width: 1000px;
	background-color: #eeeeee;
	
}
#column1 {
	position: relative;
	float: left;
	width: 700px;
	background-color: #eeeeee;
}

#column1 h1 {
	font-size: 26px;
	font-weight: bold;
	padding-left: 50px;
	padding-top: 10px;
	color: #632523;
}

#column1 h2 {
	font-size: 16px;
	font-weight: bold;
	padding-left: 70px;
	padding-top: 10px;
	color: #632523;
}

#column1 p {
	font-size: 14px;
	font-weight: normal;
	padding-left: 70px;
	padding-top: 0px;
	color: #333333;
	
}

#column1 ul {
	font-size: 14px;
	font-weight: normal;
	padding-left: 100px;
	padding-top: 0px;
	color: #333333;
	
}
#column2 {
	float: left;
	width: 298px;
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
}

#down {
	clear: both;
	position:relative;
	top: 10px;
	height: 230px;
	width: 1000px;
	background-color: #f2dcdb;
	z-index: 2;
}

#down-index{
	clear: both;
	position:relative;
	bottom: 0px;
	height: 140px;
	width: 1000px;
	background-color: #f2dcdb;
	z-index: 2;
}

#footer {
	position: relative;
	bottom: -59px;
	left: 100px;
	height: 43px;
	width: 1000px;
	text-align: center;
	clear: both;
	padding-top: 10px;
	background-color: #953735;
	color: #f2dcdb;
}

#footer .mosquita {
	position: relative;
	top: -30px;
	left: 700px;
	height: 36px;
	width: 30px;
	background: url(images/mosquita.png) no-repeat;
}

#footer-index{
	position: relative;
	bottom: -29px;
	left: 100px;
	height: 43px;
	width: 1000px;
	text-align: center;
	clear: both;
	padding-top: 10px;
	background-color: #953735;
	color: #f2dcdb;
}

#down img {
	margin-top: 10px;
	margin-left: 14px;
	border: 0px;
	
	}
	
#down-index img {
	margin-top: 10px;
	margin-left: 14px;
	border: 0px;
}
	
#footer p {
	margin: 0;
	font-size: 11px;
	text-align: center;
	color: #f2dcdb;
}

#footer-index .mosquita {
	position: relative;
	top: -30px;
	left: 700px;
	height: 36px;
	width: 30px;
	background: url(images/mosquita.png) no-repeat;
}

#footer-index p {
	margin: 0;
	font-size: 11px;
	text-align: center;
	color: #f2dcdb;
}

.slideshow1 { position: relative; margin: auto ; z-index: 0;}
.slideshow1 img { margin-top: 0px; padding: 5px; border: 0px solid #ccc; background-color: #eeeeee;}
.slideshow2 { position: relative; margin: auto ; z-index: 0;}
.slideshow2 img { margin-top: 0px; padding: 5px; border: 0px solid #ccc; background-color: #eeeeee;}
				




ul.topnav {  
    list-style: none;  
    margin: 0;  
    float: left;  
    width: 620px;  
    background: #222;  
    background: url(images/menu-back.png) no-repeat;  
    
    position: relative;
    left: 0px;
}  
ul.topnav li {  
    float: left;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
    left: -40px;
}  
ul.topnav li a{  
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  
}  


ul.topnav li span { /*--Drop down trigger styles--*/  
    position:absolute;
    left: -0px;    
    width: 120px;  
    height: 40px;  
    float: left;  
    background: url(images/desp.png) no-repeat;  
}  

ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  

ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; 
    top: 35px;  
    background: #f2dcdb;  
    margin: 0;
    padding: 0;  
    display: none;  
    float: left;  
    width: 220px;  
    border: 1px solid #632523;  
    z-index: 2;
}  
ul.topnav li ul.subnav li{
	 margin: 0; padding: 0;  
    clear: both;  
    width: 200px;  
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 200px;  
    background: #f2dcdb url(images/menu-back.png) no-repeat 10px center;  
    padding-left: 0px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: url(images/menu-hover.png) repeat-x;   
}

#menu ul.subnav a {
	float: left;
	position: relative;
   left: 40px;
	width: 200px;
	height: 18px;
   text-align: left;
	text-decoration: none;
	color: #632523;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 20px;
	font-size: 12px;
	border-bottom: 1px solid #953735
}

#menu ul.subnav a:hover {
	width: 200px;
   height: 18px;
	color: yellow;
	background: #632523;
	font-weight: bold;
	text-transform: none;
	padding-top: 3px;
	font-size: 12px;
}