/* CSS Document */

.contenedor {
width:800px;
height:auto;
overflow:hidden;
margin-top:150px;
margin-left:auto;
margin-right:auto;
border:1px solid #7A101A;
}

.contenedor #izq {
width:200px;
height:auto;
overflow:hidden;
float:left;
}

#izq #border {
width:200px;
height:157px;
background-image:url(../img/borde_izq.gif);
background-position:top;
background-repeat:no-repeat;
position:absolute;
margin-top:-87px;
margin-left:-115px;
float:left;
}

#izq #logo {
width:200px;
height:121px;
margin-top:25px;
margin-left:25px;
}

#izq #menu {
width:200px;
height:auto;
overflow:hidden;
float:left;
}

#menu ul {
margin-top:15px;
float:right;
margin-right:17px;
list-style:none;
}

#menu ul li {
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
font-size:19px;
font-style:normal;
font-weight:normal;
letter-spacing:0.05em;
color:#7A101A;
margin-top:10px;
text-align:right;
}

#menu ul li a {
color:#7A101A;
text-decoration:none;
}

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

#menu .activo {
color:#000;
text-decoration:none;
}

.contenedor #der {
width:600px;
float:left;
height:auto;
overflow:hidden;
background-image:url(../img/borde_izq_der.gif);
background-position:left;
background-repeat:repeat-y;
min-height:375px;
}

#der #imgtitular{
margin-top:15px;
}

#der #imgportada{
margin-top:10px;
margin-left:40px;
}

#der #imgtop {
width:599px;
height:167px;
float:right;
}

#der #text {
width:599px;
height:auto;
overflow:hidden;
font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; 
font-size:12px;
font-style:normal;
font-weight:normal;
color:#666;
margin-left:20px;
margin-right:15px;
margin-top:20px;
margin-bottom:15px;
float:left;
}

#text a{
color:#000000;
text-decoration:none;
}

#text a:hover{
color:#7A101A;
text-decoration:none;
}

#text #izquierda{
width:260px;
height:auto;
overflow:hidden;
float:left;
margin-right:15px;
margin-top:0px;
margin-bottom:15px;
text-align:justify;
}

#izquierda #tit {
width:260px;
height:45px;
float:left;
margin-bottom:10px;
margin-top:-8px;
}

#text #derecha{
width:260px;
height:auto;
overflow:hidden;
float:left;
margin-left:20px;
margin-right:15px;
margin-top:0px;
margin-bottom:15px;
text-align:justify;
}

#derecha #tit {
width:260px;
height:45px;
float:left;
margin-bottom:10px;
margin-top:-8px;
}

#text #clientes {
width:180px;
height:100px;
float:left;
margin-bottom:20px;
margin-right:10px;
}

#clientes #info {
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
font-size:12px;
font-style:normal;
font-weight:normal;
color:#666;
margin-left:7px;
margin-top:8px;
background-image:url(../img/fondo_tit.jpg);
background-position:0.3em;
background-repeat:no-repeat;
}

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

#info a:hover{
color:#7A101A;
text-decoration:none;
}

#clientes #logo {
width:150px;
height:70px;
margin-left:7px;
margin-top:10px;
}

#text #portafolio{
width:600px;
height:auto;
overflow:hidden;
float:left;
margin-right:15px;
margin-top:0px;
margin-bottom:15px;
}

#portafolio #titulo {
width:600px;
height:45px;
float:left;
margin-bottom:10px;
margin-top:-8px;
}

#portafolio #folio {
width:100px;
height:100px;
float:left;
margin-bottom:15px;
margin-right:15px;
}

.pie {
width:800px;
height:25px;
margin-left:auto;
margin-right:auto;
}

.pie #pieint {
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
font-size:12px;
font-style:normal;
font-weight:normal;
color:#3D3D3D;
text-align:right;
padding-right:5px;
margin-top:2px;
}

#pieint a {
color:#3D3D3D;
text-decoration:none;
}

#pieint a:hover {
color:#7A101A;
text-decoration:none;
}

.popup{
	width:800px;
	max-height:360px;
	height:600px;
	overflow:hidden;
	margin-left:-8px;
	margin-top:-8px;
	font-weight: normal;
}

.popup #superior{
width:395px;
/*height:296px;*/
height:auto;
overflow:hidden;
}

.popup #inferior {
width:395px;
height:65px;
}

#inferior #izqu{
width:300px;
height:65px;
float:left;
}

#izqu #subtitulo{
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
font-size:11px;
font-style:normal;
font-weight:normal;
color:#3D3D3D;
text-align:center;
margin-top:5px;
}

#subtitulo a{
color:#7D7C7C;
text-decoration:none;
}

#subtitulo a:hover{
color:#7A101A;
text-decoration:none;
}

#subtitulo .activo{
color:#7A101A;
text-decoration:none;
}

#inferior #logos{
width:84px;
height:65px;
float:left;
}