@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

@font-face {
    font-family: Helvetica-Light;
    src: url(Helvetica-Light.ttf);
}
img, object, embed, video {
    max-width: 100%;
    text-align: left;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
}

/*
        Dreamweaver Fluid Grid Properties
        ----------------------------------
        dw-num-cols-mobile:		4;
        dw-num-cols-tablet:		6;
        dw-num-cols-desktop:	10;
        dw-gutter-percentage:	25;
        
        Inspiration from "Responsive Web Design" by Ethan Marcotte 
        http://www.alistapart.com/articles/responsive-web-design
        
        and Golden Grid System by Joni Korpi
        http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
.rojito {
	color: #996633;
	font-weight: normal;
	font-size: 20px;
}
.gridContainer {
    margin: 0 auto;
    width: 100%;
}
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 73.6842%;
    display: block;
	    
}

#CONTENIDO1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#CONTENIDO2 {
    clear: none;
    float: left;
    margin-left: 5.2631%;
    width: 100%;
    display: block;
}
#piedepag {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
	text-align:center;
}
#banner{
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
	padding-top:15px;
	
}
#contenido3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#contenido4 {
    clear: none;
    float: left;
    margin-left: 5.2631%;
    width: 100%;
    display: block;
}
#Piedepag {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#OBJETO {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#LayoutDiv2{
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#LayoutDiv3 {
    clear: none;
    float: left;
    margin-left: 5.2631%;
    width: 100%;
    display: block;
}

#texto {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
}
#contenedor {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#tiposm {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align:center;
}
#tiposm img{
    width: 16%;
}
#botones{
    font-family: Helvetica-Light;
}


#ilustracion{
    clear: none;
    float: left;
    width: 39%;
    margin-left: 1%;
    display: block;
}
#formulario{
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
	margin-left: 14px;
}




/* MOBILE Layout: 0px to 480px. Inherits styles from: Mobile Layout. */

@media only screen and (max-width: 480px) {

    #LayoutDiv1 {
        text-align:center;
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }

    #botones a {
        font-size:12px;
        margin: 3px 14px;
        color: black;
        text-decoration: none;


    }
    #botones a:hover{
        color:#963;

    }	
    #botones {
        clear: none;

        float: left;

        margin-left: 0px;

        width: 100%;

        display: block;

        top: 100px;
        padding-bottom: 20px;

    }	
    #HEAD{
        display: none;
    }
    .duo .left, .duo .right{
        padding: 10px 0;
    }
	 #LayoutDiv2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}
    #LayoutDiv3 {
        clear: none;

        float: left;

        margin-left: 3.4482%;

        width: 100%;

        display: block;

    }	
    #tipos {
        clear: both;

        float: left;

        margin-left: 0;

        width: 100%;

        display: block;
        font-size:11px;
		text-align:center;

    }	
    #texto {
        clear: both;

        float: left;

        margin-left: 0;

        width: 100%;

        display: block;
		text-align:justify;

    }	
    #contenedor {
        clear: both;

        float: left;

        margin-left: 0;

        width: 100%;

        display: block;

    }	
    #tiposm {
        clear: both;

        float: left;

        margin-left: 0;

        width: 100%;
        display: block;
        text-align:justify;

    }	
    #tiposm img{
        width: 33%;
    }
    #benef{
        clear: none;
        float: left;
        display: block;
        text-align:justify;
        width: 97%;
		 margin-left: 2%;
	margin-right: 2%;
		
    }
	
    #ilustracion{
        clear: none;
        float: left;
        display: block;
        width: 99%;
		text-align:center;
    }
    #banner{
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
		  padding-top:15px;
    }
    .texx {
        font-size: 13px;
		text-align:center;
       
    }
    .texcolor {
        color: #A36011;
        font-weight: bold;
    }
	 #tiposs {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        font-size: 15px;
        	text-align:center;
}
	 #formulario {
        clear: both;
        float: left;
        width: 100%;
        display: block;
		margin-left: 8px;
}
	 #contactame {
        clear: none;
        float: left;
        margin-left: 2%;
		margin-right:2%
        width: 96%;
        display: block;
		text-align:center;
}
    #tiposa {
			 clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        text-decoration: none;
        font-weight: bold;
		font-size:26px;
		text-align:center;
    }
	.tiposaa {
		font-weight:normal;
	 }
	 .TEXTEAN {
	font-family: Arial, Helvetica, sans-serif;
	
	font-weight: bold;
}
.textolargo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

    .duo {
        clear: both;
        width: 100%;
        overflow: hidden;
        padding: 20px 0;
    }
    .duo .left {
        float: left;
        width: 48%;
    }
    .duo .right {
        float: right;
        width: 48%;
    }
    .duo .barritas {
        /*width: 490px;*/
    }

    .gridContainer {
        width: 100%;
    }
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 200px;
        display: block;
    }
  

    #LayoutDiv1 {
        text-align:center;
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }

    #botones a {
        font-size:12px;
        margin: 3px 14px;
        color: black;
        text-decoration: none;


    }
    #botones a:hover{
        color:#963;

    }	
    #botones {
        clear: none;

        float: left;

        margin-left: 0px;

        width: 100%;

        display: block;

        top: 100px;
		font-family: Helvetica-Light;

    }	
    #HEAD {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #CONTENIDO1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #CONTENIDO2 {
        clear: none;
        float: left;
        margin-left: 3.4482%;
        width: 100%;
        display: block;
    }
    #piedepag {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
		 text-align:center;
    }
    #banner{
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
		  padding-top:15px;
    }
    #contenido3 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
		
    }
    #contenido4 {
        clear: none;
        float: left;
        margin-left: 3.4482%;
        width: 100%;
        display: block;
    }
    #Piedepag {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
		text-align:center;
    }
    #OBJETO {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
	 #LayoutDiv2 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
}
    #LayoutDiv3 {
        clear: none;
        float: left;
        margin-left: 2.0408%;
        width: 48.9795%;
        display: block;
    }
    #tipos {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        font-size:13;
        text-align:justify;

    }
      #tiposa {
			 clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        text-decoration: none;
        font-weight: bold;
		font-size:30px;
		text-align:center;
    }
		.tiposaa {
		font-weight:normal;
	 }
    #texto {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
		text-align:justify;
    }
    #contenedor {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #tiposm {
        clear: both;
        float: left;
        width: 84%;
        display: block;
        padding: 0 8%;
        text-align:center;
    }
    #tiposm img{
        width: 33%;
    }
    #benef{
        clear: none;
        float: left;
        display: block;
        text-align:justify;
        width: 97%;
		 margin-left: 1%;
	margin-right: 1%;
    }
    #ilustracion{
        clear: none;
        float: left;
        display: block;
        width: 99%;
		text-align:center;
    }
    .texx {
        font-size: 15px;
       
    }
    .texcolor {
        color: #A36011;
        font-weight: bold;
    }
	 #tiposs {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        font-size: 15px;
       	text-align:center;
}
	 #formulario {
        clear: both;
        float: left;
        width: 48.9795%;
        display: block;
		margin-left: 1%;
}
	 #contactame {
        clear: none;
        float: left;
        margin-left: 6%;
		margin-right: 6%;
        width: 36%;
        display: block;
		text-align:center;
}
.TEXTEAN {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.textolargo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
    .gridContainer {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 245px;
        height:auto;
        display: block;
    }
    #LayoutDiv1 img{
        width: 225px;
        height:auto;
    }
    #botones a {
        font-size:16px;
        margin: 3px  25px;
        color: black;
        text-decoration: none;
    }
    #botones a:hover{
        color:#960;
    }	
    #HEAD {
        text-align:center;
        clear: both;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    .duo {
        clear: both;
        width: 100%;
        overflow: hidden;
        padding-top: 20px;
    }
    .duo .left {
        float: left;
    }
    .duo .right {
        float: right;
    }
    .duo .barritas {
        width: 490px;
    }

    #piedepag {
        clear: both;
        text-align:center;
        clear: both;
        margin-left: 0;
        width: 100%;
        display: block;

    }
    #banner {
        text-align:center;
        clear: both;
        margin-left: 0;
        padding-top:15px;
        width: 100%;
        display: block;
    }
    #contenido3 {
        clear: both;
        float: left;
        margin-left: 0;
        padding-top:15px;
        width: 48.9795%;
        display: block;
    }
    #contenido4 {
        clear: none;
        float: left;
        padding-top:15px;
        margin-left: 2.0408%;
        width: 48.9795%;
        display: block;
    }

    #OBJETO {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #botones {
        clear: none;
        float: left;
        margin-left: 0px;
        padding-top:30px;
        width: 69.3877%;
        display: block;
		font-family: Helvetica-Light;
    }
    #LayoutDiv2 {
        padding-top:15px;

    }
    #LayoutDiv3 {
        padding-top:15px;
    }

    #OBJETO img{
        padding-top:10px;
        padding-left:8px;
    }
    #tiposm{
        padding: 0;
        width: 100%;
    }
    #tiposm img{
        width: 16%;

    }

    .texx {
	font-size: 17px;
      
		
    }
    .texcolor {
        color: #A36011;
        font-weight: bold;
    }
    #tipos {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        font-size: 15px;
        text-align: justify;
    }
	   
	  #tiposs {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        font-size: 15px;
		text-align:center;
    }
    #benef{
        clear: none;
        float: left;
        display: block;
        text-align:justify;
        width: 58%;
        margin-left: 1%;
		 margin-right: 1%;
    }
    #ilustracion{
        width: 39%;
        margin-left: 1%;
    }
	    #tiposa {
			 clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        text-decoration: none;
        font-weight: bold;
		font-size:32px;
		text-align:center;
    }
		.tiposaa {
		font-weight:normal;
	 }
	 
	 #formulario {
        clear: both;
        float: left;
        width: 48%;
        display: block;
		margin-left: 1%;
}

#texto {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
		text-align:center;
}
 #contactame {
        clear: none;
        float: left;
        margin-left: 2%;
		margin-right: 2%;
        width: 46%;
        display: block;
		text-align:center;
}
.TEXTEAN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.textolargo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
}